摘要：
1、安装Yeoman 安装yeoman之前，需要先安装： 1)Nodejs v4 或者更高版本 2)npm 3)git 确认安装好上述内容后，通过以下命令安装 Yeoman： 2、安装Yeoman生成器 通过如下命令安装 react-webpack ： 3、使用生成器 运行 yo 选中 React 阅读全文
摘要：
1、通过 drawImage() 方法在canvas上绘制图像 drawImage() 有三种用法： 1） context.drawImage(img,x,y) ： 在画布上定位图像，图像以自身大小显示。 2） context.drawImage(img,x,y,width,height) ： 在画 阅读全文
摘要：
1、利用 CanvasRenderingContext2D.prototype 对context进行扩展 2、在 IE8- 中使用canvas 通过加载 ExplorerCanvas 第三方库解决兼容问题 GitHub 地址：https://github.com/arv/explorercanvas 阅读全文
摘要：
1、isPointInPath(x,y) 方法： 如果指定的点位于当前路径中，isPointInPath() 方法返回 true，否则返回 false。 结合 clearRect 方法实现交互效果： 2、获取鼠标相对于canvas的位置的方法 1）e.offsetX 、e.offsetY 2）e.l 阅读全文
摘要：
1、clip()方法：从原始画布中剪切任意形状和尺寸。 注：一旦剪切了某个区域，则所有之后的绘图都会被限制在被剪切的区域内（不能访问画布上的其他区域）。 也可以在使用 clip() 方法前通过使用 save() 方法对当前画布区域进行保存，并在以后的任意时间对其进行恢复（通过 restore() 方 阅读全文
摘要：
1、globalAlpha属性：设置或返回绘图的当前透明值（alpha 或 transparency）。 globalAlpha 属性值必须是介于 0.0（完全透明） 与 1.0（不透明） 之间的数字。 设置后所绘制的所有图形都具有该透明度。 2、globalCompositeOperation属性 阅读全文
摘要：
1、shadowColor：设置阴影颜色，默认值为 '#000'。与 shadowBlur 属性一起使用，来创建阴影。 2、shadowOffsetX和shadowOffsetY属性：定义阴影与形状的水平、垂直距离。 阅读全文
摘要：
1、使用font属性设置文字的样式属性。默认值为：20px sans-serif font 属性使用的语法与 CSS font 属性 相同。 context.font = 'font-style font-variant font-weight font-size font-family' font 阅读全文
摘要：
1、quadraticCurveTo(cpx,cpy,x,y)：二次贝塞尔曲线 cpx 贝塞尔控制点的 x 坐标。 cpy 贝塞尔控制点的 y 坐标。 x 结束点的 x 坐标。 y 结束点的 y 坐标。 2、bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y)：三次贝塞尔曲线 阅读全文
摘要：
1、arc(x,y,r,sAngle,eAngle,counterclockwise)：绘制圆弧和圆 x 圆的中心的 x 坐标。 y 圆的中心的 y 坐标。 r 圆的半径。 sAngle 起始角，单位为弧度。 eAngle 结束角。 counterclockwise 可选。规定应该逆时针还是顺时针绘 阅读全文