实例save&restroe。-HTML 5高级移动开发 Canvas画布PPT教程

【文件属性】：

文件名称：实例save&restroe。-HTML 5高级移动开发 Canvas画布PPT教程

文件大小：762KB

文件格式：PPT

更新时间：2024-05-13 05:50:39

HTML5 Canvas

实例：save()&restroe()。 var cxt=document.getElementById("canvas").getContext('2d'); cxt.save(); //绘制绿色直线 cxt.beginPath(); cxt.rotate(30*Math.PI/180); cxt.moveTo(100,50); cxt.lineTo(100,100); cxt.strokeStyle="green"; cxt.stroke(); //绘制红色直线 cxt.beginPath(); cxt.restore(); cxt.moveTo(200,50); cxt.lineTo(200,100); cxt.strokeStyle="red"; cxt.stroke(); 结果分析： Save()保存了画布的变换矩阵。 * CanvasRenderingContext2D 对象的所有属性（除了画布的属性是一个常量）都是保存的状态的一部分。变换矩阵和剪切区域也是这个状态的一部分，但是当前路径和当前点并不是。