美文网首页
Canvas save()/restore() || begin

Canvas save()/restore() || begin

作者: 章鱼要回家 | 来源:发表于2019-08-15 11:14 被阅读0次
1. save()/restore()

Canvas有一个特性,在同一个画布中,各类属性都是全局的,如fillStyle()、strokeStyle()、lineWidth()等等。但我们在绘制时,需要不停改变这些属性,用以画出不同样式的形状。这就需要用到save()和restore()方法。
save保存,restore还原。这两个方法往往会一起使用,没有参数,也没有返回值。
save()会保存当前的属性,在save()之后更改属性并绘制新图形,当代码运行到restore()时会自动恢复前文save()过的属性。
若不使用这种方法,后设定的属性会覆盖前面设定的属性,绘制出的图形样式将非常混乱。

2. beginPath()/closePath()

同样是两个一起使用的方法。图形元素的路径都必须以beginPath()开头,closePath()结尾,否则canvas会将两个分离的图形理解为一个路径,并以自己的理解将两个图形连起来。

相关文章

网友评论

      本文标题:Canvas save()/restore() || begin

      本文链接:https://www.haomeiwen.com/subject/uimajctx.html