如何從路徑獲取pixcel數據？

Question

我正在學習HTML5 canvas元素。對於我的實踐，我喜歡將像素數據以base64格式導出到php文件中，然後將其保存爲圖像。在研究它的時候，我看到了一個路徑的例子。

http://www.html5canvastutorials.com/tutorials/html5-canvas-shape-fill/

是這可能僅導出路徑區域？它看起來像我只能導出一個矩形區域。

Answer 1

圖像文件是由其寬度和高度定義的矩形。沒有用於存儲非矩形位圖數據的通用格式。如果您只想將像素數據保存在給定路徑中，則需要編寫一些專門的讀寫代碼。

您可以通過檢查圖像中每個像素座標的ctx.isPointInPath(x, y)來解決此問題。如果像素位於路徑中，請將其導出到您的存儲文件。只要你有一些關於訪問每個像素的來源和標準化程序的概念，就可以使用該信息來保存和恢復路徑中的像素信息。

請注意，此方法不會爲您提供路徑中像素數據的抗鋸齒表示。增加這個要求會使這個更具挑戰性。