图形

canvas基本绘图之绘制线段方法，感兴趣的小伙伴们可以参考一下是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过Ja

基本上跟canvas是一样，只是说法不一样而已，那既然用法是一样的，我们就来试一下：通俗的将，就是重新定义坐标原点，默认原点是（0,0），用此方法会将原点改成（x,y）虽然canvas没有skew方法，但是transform依然可以做出来

的高级切图技巧，实现基于单张图片的任意颜色转换，希望对大家有所帮助！-webkit-mask-composite，从而将一张纯色图片，扩展到各类不同颜色，甚至是渐变色！代码实现图片任意颜色赋色技术，但是今天这个技巧是纯粹的，对原图没有要求的

原生canvas实现用到的API---返回一个用于在画布上绘图的环境---设置或返回用于填充绘画的颜色、渐变或模式简化canvas编写的库，为canvas提供所缺少的对象模型1）在canvas上创建、填充图形（包括图片、文字、规则图形和复杂

由于事件只能达到Canvas元素这一层，所以，如果想进一步深入，识别点击发生在Canvas内部的哪一个图形上，就需要增加代码来进行处理。事件发生时，将事件对象的坐标传给draw方法处理。以上就是Canvas事件处理的基本方法。

SVG是W3C制定的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准。对象的属性发生变化，那么浏览器能够自动重现图形。最适合带有大型渲染区域的应用程序（比如谷歌地图）不适合游戏应用中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。

今天我们就要用vue实现一个电子签名的面板想要绘制图形，第一步想到的就是使用canvas标签，在之前的文章里我们使用canvas实现了一个前端生成图形验证码的组件，被吐槽不够安全，那么这个电子签名组件想必不会被吐槽了吧~标签只是图形容器，您