html5畫布形狀填充

Question

我在畫布上有一個基本的畫圖應用程序，我想製作一個繪圖邊框並通過它創建一個模具。換句話說，我想要塑造一個形狀，然後我希望用戶能夠只在內部畫畫，即使他試圖在外面畫畫。

你有什麼想法我該怎麼做？ 謝謝

Answer 1

這可以通過做一個剪輯區域來實現。基本思想是在畫布上有一條所有繪圖都受限制的路徑。

製作的形狀，而不是調用stroke()或fill()，叫clip()

如果你沒有完全得到剪輯區域是如何工作的，也有少數examples左右。