当前第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()方法有什么用的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
8个编写优秀js代码的技巧和窍门（分享）
5种正确处理js的this指向的方式
vue实现员工信息录入功能的方法
一文了解javascript中的类型化数组
js要怎么学
前端javascript写excel的代码示例
jquery与javascript有什么关系？
实例教程介绍javascript十大取整方法
10个让你效率更高的math对象方法，快来收藏吧！
javascript怎么设置元素宽度
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » javascript save()方法有什么用
