Canvas 是 HTML5 提供的绘画 API，可以用于在 Web 页面上绘制各种基本图形。本文介绍一些 Canvas 绘制基本图形的 API。

现如今有些场景下我们使用到的图片，需要在图片中隐匿一些信息，大多数是为了图片版权，防止滥用。比如摄影师辛苦拍摄的照片，被窃取，盗用的情况很多，如何证明这张图是出自你手？

最近遇到一个h5手写签名的需求，按理说这种功能网上随便一搜一大把现成的源码和组件，但是像这种比较经典又很简单的功能，还是要弄清楚到底怎么实现的。

灵感来源 某日，进入掘金我的倔友分看到五个维度的分数图，遂想着实现以下。 五边形，对应五个维度：社区基础，社区学习，社区规范，社区影响力，社区活跃。 那么，我能否是个满级的五边形战士呢？如图

本文，我们将介绍两种方法来绘制刻度值： 使用 canvas 绘制 使用 div 绘制 我们将设定场景来讲解～ 使用 canvas 绘制 下面来讲解： html 添加点样式，让布局不至于碍眼～

点线吸附特效 -- 新年即将到来，给大家拜个早年。读者如果感兴趣，可以根据自己的灵感进行扩展创作，比如对图片进行像素化，绘制天空星座图，模拟玻璃破碎效果等等。

本文是基于canvas去实现图片裁剪工具。因为canvas代码还是比较长的，尽量写思路，完整代码已放在github上。 这个是写canvas必定接触的问题，网上关于这个的答案也到处都是，就不详细介绍了。 因为canvas不是矢量图，在Retina屏下，浏览器用多个像素点去渲染一…

近日，在写公司项目的时候接到一个需求：对已加载的大图中可截取部分图片用来入库或者布控，说白了就是截图嘛，于是我使用了vue-cropper来完成。完成后因为前边也没自己实现过，所以就想看看是如何实现的

本篇文章从一个 Canvas 小白的角度来实现一个完整的裁剪工具，实现到最后发现其实并没有涉及到很多 Canvas 内容，更多的还是实现思路。