摘要：
当前浏览器不支持canvas，请更换浏览器后再试。 window.onload = function(){ var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); context.beginPath(); context.arc(... 阅读全文
摘要：
clip()，在画布内使用路径，只绘制该路径内所包含区域的图像，不会只路径外的图像。 阅读全文
摘要：
（1）globalAlpha 用于设置所有绘制的透明度，默认值为0。 （2）globalCompositionOperation 表示后绘制的图形怎样与先绘制的图形结合。 注：（1）globalCompositionOperation 可能值。 source-over（默认）：后绘制图层位于前图层上 阅读全文
摘要：
1、阴影 shadowColor 阴影颜色 shadowOffsetX 阴影x轴的偏移量 shadowOffsetY y轴偏移量 shadowBlur 模糊像素 2、渐变，由canvasGradient实例表示。 （1）线性渐变createLinearGradient(起点x，起点y，终点x，终点y 阅读全文
摘要：
为绘制上下文应用变换，会导致使用不同的变换矩阵应用处理，从而产生不同的结果。 （1）rotate(angle)：围绕原点旋转图像angle弧度（弧度=角度乘以π后再除以180，角度=弧度除以π再乘以180）。正值表示顺时针方向旋转，负值表示逆时针方向旋转。 （2）scale(scaleX,scale 阅读全文
摘要：
1、绘制文本方法自带属性如以下： font：表示文本样式、大小及字体（context.font = font-style/font-variant/font-weight/font-size/font-family）； textAlign：表示文本对其方式（'start', 'end', 'left 阅读全文
摘要：
canvas通过路径可以创造出复杂的形状和线条。要绘制路径首先需要调用beginPath()方法，表示要开始绘制新路径。然后调用相应的方法来实际地绘制路径。 1、arc(centerx,centery,radius,startingAngle,endingAngle,anticlosewise = 阅读全文
摘要：
1、描边：只在图形的边缘画线。 2、填充：用指定样式（颜色、渐变或图形）填充图形。 3、圆弧 注：弧度值有五个（0*Math.PI, 0.5*Math.PI, 1*Math.PI, 1.5*Math.PI, 2*Math.PI），位置上对应圆的0°，90°，180°，270°，360°。 当顺时针绘 阅读全文
摘要：
BOM提供了很多对象，用于访问浏览器的功能。 1、window对象 BOM的核心对象是window，它表示浏览器的一个实例。在浏览器中，window对象既是javascript访问浏览器窗口的一个接口，又是ECMAScript规定的global对象。因此，全局变量是 window 对象的属性。全局函 阅读全文
摘要：
Math（算数对象）执行常见的算数任务。 1、Math对象的属性 2、min()、max()和apply()方法 用于确定一组数值中的最小和最大值。 例： 3、舍入方法 （1）Math.ceil()执行向上舍入。 （2）Math.floor()执行向下舍入。 （3）Math.round()执行标准舍 阅读全文