如何从路径获取pixcel数据？

Question

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

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

是这可能仅导出路径区域？它看起来像我只能导出一个矩形区域。

Answer 1

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

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

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