-
分类：前端开发2023-06-19阅读：(972)标签：javascript, canvas
- 在PC端用canvas绘制签名，主要就是用鼠标绘制笔迹，生成图片上传，用到mouse事件和File对象。笔迹的绘制，我们需要考虑的点就是线条的粗细，锯齿问题。如果对PS熟悉，我们就知道，圆角放大到像素点后，就会看到还是有很多的小锯齿，只是这些小锯齿有的透明，有的半透明。缩小后看起来就是比较圆润流畅的。对此，我们可以通过对canvas线条添加少量的阴影来模拟处理边缘的半透明锯齿，以此达到笔迹路...
-
分类：前端开发2021-11-08阅读：(1447)标签：js, canvas
- 移动端用canvas手写签名，实现思路不难，主要就是绘制笔迹，生成图片上传。笔迹的绘制，我们需要考虑的点就是线条的粗细，锯齿问题。如果对PS熟悉，我们就知道，圆角放大到像素点后，就会看到还是有很多的小锯齿，只是这些小锯齿有的透明，有的半透明。缩小后看起来就是比较圆润流畅的。对此，我们可以通过对canvas线条添加少量的阴影来模拟处理边缘的半透明锯齿，以此达到笔迹路劲看起来圆润流畅无锯齿。线条...
-
分类：前端开发2018-05-08阅读：(2425)标签：javascript, html5, canvas
- 最近朋友做html5营销页挺多的，想着一直写js，html5的东西也好久没写过了。今天就来折腾一下，看看canvas的东西，然后想到刮刮乐效果。这个以前同事也分享过，不过时间太久，也忘记了。熟悉PS的话，就很清楚图层的概念。刮刮乐就是两个图层，奖项图层在下面，上面盖一层灰色的遮住。挂掉灰色图层，镂空显示出下面的奖项图层。根据html的canvas手册实验了几下，发现不能清除画的某个图案，会直...
