当前第2页 返回上一页
可以看到我将颜色的样式以及基点都设置进去了
当我再在restore后面添加一个盒子的时候
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <body>
<canvas id="" width="600" height="400"></canvas>;
</body>
<script type="text/javascript">
var pen = document.querySelector('canvas').getContext('2d');
pen.save();
pen.translate(300,300);
pen.fillStyle = 'red';
pen.fillRect(0,0,100,100);
pen.restore();
pen.beginPath();
pen.fillStyle = 'black';
pen.fillRect(0,0,100,100);
pen.fill();
</script>
|
这里就发现了我在save方法外面设置的属性对save中的没有任何影响，并且save中的基点的设置也对save方法外设置的盒子没有任何影响。
总结：save方法相当于将我设置的内容隔离出来，不会对外面的任何内容造成影响。
【相关推荐：javascript学习教程】
以上就是javascript save()方法有什么用的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
javascript web workers的构建块及5个使用场景
window对象在前端领域的角色
javascript中substr和substring的区别是什么
javascript中字母如何转为数字
javascript怎么判断是否为对象
详解js中的window.location对象（备忘单）
html、css和js的注释规范用法有哪些
javascript中对象的介绍（附代码）
javascript分为哪两种数据类型
javascript如何取字符串后几位
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » javascript save()方法有什么用
