为什么模式只出现在最后一个Canvas元素上？

Question

我试图允许改变形状纹理的能力，所以基本上我根据阴影对象的值重绘。然而，渲染到画布元素上的阴影轮廓适用于所有画布，但是当将图像设置到阴影对象时，代码仅在最后一个画布上渲染？为什么以及如何解决这个问题？

https://jsfiddle.net/cbchrL1g/

Code is in the jsfiddle link please check

Answer 1

在你的for循环中（尝试插入图片对象时），var ctxis始终是最后一个。

您所要做的就是每次在循环中定义它： 看看the fiddle