Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Canvas strokeRect vs rect,然后是笔划性能_Javascript_Html_Canvas - Fatal编程技术网

Javascript Canvas strokeRect vs rect,然后是笔划性能

Javascript Canvas strokeRect vs rect,然后是笔划性能,javascript,html,canvas,Javascript,Html,Canvas,我在一张很大的画布上画了大约80-100个矩形 最好的办法是什么 我的两个解决方案是在for循环中使用strokeRect(),或者在循环前使用beginPath(),在循环中使用rect(),在循环完成后使用stroke() 很明显,它们都有效,但是有没有一个比另一个更好的呢?这值得您尝试一下,但是对于80-100个矩形,差异可能很小。通常,组成一条路径,只调用一次笔划或填充,显然是5000条以上较小路径的赢家。我明白了。我会记住的。非常感谢。

我在一张很大的画布上画了大约80-100个矩形

最好的办法是什么

我的两个解决方案是在for循环中使用
strokeRect()
,或者在循环前使用
beginPath()
,在循环中使用
rect()
,在循环完成后使用
stroke()


很明显,它们都有效,但是有没有一个比另一个更好的呢?

这值得您尝试一下,但是对于80-100个矩形,差异可能很小。通常,组成一条路径,只调用一次笔划或填充,显然是5000条以上较小路径的赢家。我明白了。我会记住的。非常感谢。