摘要：
学习目的：使用变形：移动，旋转，缩放栅格，创造出更强大的图形。 状态的保存与恢复Saving and restoring state canvas的状态就是当前画面应用的所有样式和变形的一个快照，canvas的状态被存储在栈中，每当save方法被调用后，当前状态就会被推送到栈中保存。 状态信息包括： 阅读全文
摘要：
学习目的：学会使用色彩，透明度，线型，渐变，图案和阴影绘制更加吸引人的内容 色彩Color fillStyle = color 设置图形的填充颜色 strokeStyle = color 设置图形的轮廓颜色 color的值可以是字符串，渐变对象或者图案对象，默认情况下，两者都是黑色#000 var 阅读全文
摘要：
学习目的：在Canvas上绘制矩形，三角形，直线，圆弧，曲线 栅格 栅格canvas grid，canvas元素默认被网格覆盖，栅格的起点是左上角坐标(0,0)，元素的位置都是相对于栅格起点来定位的。 绘制矩形 API提供了三种方法绘制矩形 fillRect(x, y, width, height) 阅读全文
摘要：
简介 <canvas>是一个可以使用JavaScript在其中绘制图形的HTML元素，可以用于制作照片集或者制作动画。 Canvas默认大小是300px*150px，但是可以使用HTML的高度和宽度属性来自定义Canvas的尺寸。 基本用法 <canvas id="tutorial" width=" 阅读全文