首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Canvas 的save()与 restore()的详细介绍

save()和restore()是用来保存和恢复canvas状态的,都没有参数。 Canvas的状态就是当前画面应用的所有样式和变形的一个快照。...shadowBlur,shadowColor,globalCompositeOperation的值 3、当前的裁剪路径(clipping path) 你可以调用任意多次save方法 每一次调用restore...(); ctx.restore(); drawLine(); } draw() //线为pink draw() //线为green 第一次执行draw(...) 画出的线为pink的原因:因为第一次执行js代码执行2次ctx.save(),对应着2次ctx.restore();返回到颜色为pink的状态 第二次执行只执行一次ctx.save(),执行2次的ctx.restore...()效果跟一次是一样的,所以为绿色 注意:一般ctx.save()与ctx.restore()是成对出现的,当ctx.restore()的个数多余ctx.save(),多余的并没有效果。

4.3K40
领券