Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.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 stroke()处理开销_Javascript - Fatal编程技术网

Javascript stroke()处理开销

Javascript stroke()处理开销,javascript,Javascript,所以我做了一个函数,叫做square。此函数填充到二维数组中。正方形有一个可以调用的公共函数,它只是画自己。将使用ctx.rect(x,y,w,h)绘制自身并调用ctx.stroke();比只包含ctx.rect(x,y,w,h)和调用ctx.stroke()的draw函数的开销要大;绘制完二维正方形阵列后?延迟渲染将给您带来一些性能优势,通常情况下,如果您的渲染都共享相同的状态(即“ctx.strokeStyle”是相同的),则延迟渲染会给您带来一些性能优势但是,通过将矩形绘制到另一个隐藏画布

所以我做了一个函数,叫做square。此函数填充到二维数组中。正方形有一个可以调用的公共函数,它只是画自己。将使用ctx.rect(x,y,w,h)绘制自身并调用ctx.stroke();比只包含ctx.rect(x,y,w,h)和调用ctx.stroke()的draw函数的开销要大;绘制完二维正方形阵列后?

延迟渲染将给您带来一些性能优势,通常情况下,如果您的渲染都共享相同的状态(即“ctx.strokeStyle”是相同的),则延迟渲染会给您带来一些性能优势但是,通过将矩形绘制到另一个隐藏画布上,然后使用“ctx.drawImage”(“方法”)多次绘制该画布,您可以获得更好的性能。您是说,drawImage是一种比使用笔划/形状绘制更好的方法?谢谢您的解释!