关于beginPath的一些认识

canvas 中的beginPath()他的作用很简单,就是开始一段新路径.

canvas中的绘制方法(如stroke,fill),都会以“上一次beginPath”之后的所有路径为基础进行绘制.
不管你用moveTo把画笔移动到哪里,只要不beginPath,那你一直都是在画一条路径。
fillRect与strokeRect这种直接画出独立区域的函数,也不会打断当前的path.

如果你画出的图形和你想像的不一样,记得查看是否有合理的beginPath.
————————————–
说到beginPath,就不得不提到closePath,两者是不是有很“紧”的联系呢?答案是几乎没有关系。
closePath的意思不是结束路径,而是关闭路径,它会试图从当前路径的终点连一条路径到起点,让整个路径闭合起来。但是,这并不意味着它之后的路径就是新路径了!

总而言之,就是不要企图通过闭合现有路径来开始一条新路径,而开始一条新路径,以前的路径也不会闭合。

本总结来自:http://jo2.org/html5-canvas-beginpath-important/

你可能感兴趣的:(关于beginPath的一些认识)