關於具有導入圖像的畫布元素的初學者問題…緩存和更改顏色

Question

幾個有關HTML中canvas元素的問題。 首先，是否緩存了導入到canvas元素中的圖像？ 跨瀏覽器？

其次，我可以將黑白png導入到canvas元素中，然后將黑色更改為其他顏色嗎？

Answer 1

畫布規范中沒有任何內容表明必須緩存圖像。

對於畫布，您已經需要一個Image HTML元素。 它與畫布交互的唯一方法是在畫布的上下文上調用.drawImage（）。

該事件發生后沒有緩存或保存。 畫布將圖像的像素打印到其自身上，然后忘記發生任何事情。 沒有歷史記錄，沒有緩存。

您可以輕松地在畫布上繪制 （不導入）黑白透明 png，然后輕松地將黑色更改為其他顏色。

您可以將畫布上下文的globalCompositeOperation更改為“ source-atop”，然后使用您選擇的顏色填充圖像空間。

如果它是黑白而不是透明的，則可以執行相同的操作，但是需要更多的工作。