javascript - 您可以在绘制调用之间多次更改 Canvas 样式参数吗？

Question

我需要绘制许多具有不同描边和填充颜色的矩形。在进行概念验证时，我将它们全部绘制在单个 context.stroke + context.fill 调用中以进行黑白表示。现在我需要让它们都变得五颜六色，并且我正在一个接一个地抚摸/填充它们，这让事情变慢了很多。有没有办法仍然在一个电话中完成？

Answer 1

不，任何 context.stroke()/context.fill() 都只会使用在调用 stroke/fill 时设置的最新 strokeStyle/fillStyle。所以每个 stroke()/fill() 只能有 1 种颜色选择。

是的，更改上下文状态(如 strokeStyle/fillStyle)在性能方面成本相对较高。如果您的许多彩色对象具有相同的颜色，您将通过同时绘制所有相同颜色的对象来提高性能。 (画出所有的红色物体，然后画出所有的蓝色物体，等等)