十斤代码

Canvas提供了用于创建线性渐变的函数createLinearGradient（x0,y0,x1,y1）,坐标点（x0,y0）是起点 ，（x1,y1）是终点 。

对坐标的变换处理，有如下三种方式。 移动图形的绘制主要是通过translate 方法来实现的，该方法定义如下所示。 translate 方法使用两个参数——x表示将坐标轴原点向左移动多少个单位，默认情况下为像素；y表示将坐标轴原点向下移动多少个单位。 使用图形上下文对象的sca…

把画笔移动到指定的坐标(x, y)。相当于设置路径的起始点坐标 moveTo（x，y）：不绘制，只是将当前位置移动到新的目标坐标（x，y）。 lineTo（x，y）：不仅将当前位置移动到新的目标坐标（x，y），而且在两个坐标之间画一条直线。 简而言之，上面两个函数的区别在于：m…

在Web页面使用canvas元素很简单，只需要使用canvas标签即可。因为canvas本身不提供绘制能力，这部分工作委托给了JavaScript，所以需要给元素一个id方便后续获取对象。width和height属性告诉浏览器可绘制图形区域的大小（范围）。 通过getEleme…

在之前我们操作本地文件都是使用flash或者第三方的activeX插件等技术，由于使用了这些技术后就很难进行跨平台、或者跨浏览器、跨设备等情况下实现统一的表现，从另外一个角度来说就是让我们的web应用依赖了第三方的插件，而不是很独立。在HTML5标准中，默认提供了操作文件的AP…