1. save()/restore()
Canvas有一个特性,在同一个画布中,各类属性都是全局的,如fillStyle()、strokeStyle()、lineWidth()等等。但我们在绘制时,需要不停改变这些属性,用以画出不同样式的形状。这就需要用到save()和restore()方法。
save保存,restore还原。这两个方法往往会一起使用,没有参数,也没有返回值。
save()会保存当前的属性,在save()之后更改属性并绘制新图形,当代码运行到restore()时会自动恢复前文save()过的属性。
若不使用这种方法,后设定的属性会覆盖前面设定的属性,绘制出的图形样式将非常混乱。
2. beginPath()/closePath()
同样是两个一起使用的方法。图形元素的路径都必须以beginPath()开头,closePath()结尾,否则canvas会将两个分离的图形理解为一个路径,并以自己的理解将两个图形连起来。
网友评论