【文件属性】：
文件名称：实例save&restroe。-HTML 5高级移动开发 Canvas画布PPT教程
文件大小：762KB
文件格式：PPT
更新时间：2021-04-23 12:03:59
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 对象的所有属性（除了画布的属性是一个常量）都是保存的状态的一部分。变换矩阵和剪切区域也是这个状态的一部分，但是当前路径和当前点并不是。