9月24号朋友圈，这一波爱国风，一切换国庆专属头像的活动，应该是卷席各位老铁的朋友圈，作为程序员，代码源于生活，笔者稍微手一痒，就想了一下原理是很简单的，于是乎，自己撸一个制作“国庆头像”的小程序来~，目前只是一个小demo，效果如下图（UI基本上搬腾讯新闻原版活动界面），很多功能也由于微信API调用需要的conf…

今天下午微信朋友圈炸了，所有人都在要国旗。迎国庆换新颜活动 | 腾讯新闻的合成服务 微信中打开。我们呢，也来蹭蹭热度，聊聊其中的技术。 猜测如何实现 授权-获取用户头像 载入图片 手势操作-移动缩放 合成图片…

前沿：项目采用create-react-app脚手架，就是做了一个效果所以只有一个页面但是也用了react-router-dom路由把details作为path=’/’首页了。

一个基于typescript + canvas 实现的开源在线绘图的引擎Topology。采用引擎 + 图形库中间件的思路能够方便、快速的扩展、集成到前端项目。目前暂时实现了基本图形、流程图图形库，能够满足微服务架构图、网络拓扑…

语法：arc(x, y, radius, startAngle, endAngle, anticlockwise)

项目演示 此项目是慕课网上的视频，这篇文章自己的学习总结。 点阵 在canvas中绘制数字，可以使用点阵的方式。 下面是5的点阵布局，1代表要绘制，0代表不要绘制。这里数字采用的是10 * 7的网格系统，冒号是10 * 4…

moveTo、lineTo 使用canvas绘制一条线段，默认已经拿到canvas的上下文context 绘制一条直线需要使用context提供的moveTo、lineTo方法 moveTo是线段的起点，lineTo是线段下一个点，最后使用stroke进行描边。如下代…

<canvas>标签是h5新增的元素，可以用 js脚本语言（canvas API）绘制图形。例如，绘制图形，制作照片，创建动画，甚至进行实时视频处理和渲染。<canvas>只是画布，js是画笔，可以在画布上画画。

使用image/jpeg格式，在指定图片格式为 image/jpeg 或 image/webp的情况下，可以从 0 到 1 的区间内选择图片的质量。

类似这样的效果首先想到的是用canvas完成这种功能，因为我之前也没有接触过canvas，所以做这个功能的时候，就是一步一步的摸索中学习，过程还是挺nice的，接下来跟我一步步来实现这个功能以及发现一些canvas的坑吧。