如何从路径获取像素数据？

Question

我正在学习HTML5 canvas元素。对于我的练习，我喜欢将pixcel数据作为base64导出到php文件，然后将其保存为图像。在研究它时，我看到了一个路径的例子。

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

是否可以仅导出路径区域？我觉得我只能导出一个矩形区域。

Answer 1

图像文件是由宽度和高度定义的矩形。没有用于存储非矩形位图数据的通用，可接受的格式。如果您只想在给定路径中保存像素数据，则需要编写一些专门的读写代码。

您可以通过检查图片中每个像素坐标的ctx.isPointInPath(x, y)来解决此问题。如果像素位于路径中，请将其导出到存储文件。只要您有一些原点概念和访问每个像素的标准化程序，您就可以使用该信息来保存和恢复路径中的像素信息。

请注意，此方法不会为您提供路径中像素数据的抗锯齿表示。添加该要求会使这更具挑战性。