Canvas 填充 - 对角线填充
Canvas fill - Diagonal Hatch
早上好，
我正在做一个项目，我需要绘制通用多边形并将它们填充到 HTML5 Canvas 上。我需要用可配置颜色的对角线填充形状。我目前看到这个问题的两个解决方案。
首先是找出在形状本身上绘制彩色线条的数学和算法，使用 moveTo 和 lineTo 函数。虽然这是可能的，但我不知道如何从算法开始。
第二种方法是使用 HTML5 Canvas 中的填充图案功能，方法是创建一个小的 PNG（比如 5x5），然后在其中绘制图案。我已经成功实现了这一点，但我认为不可能即时更改此图像的颜色。
有没有人做过类似的事情？我知道除了 HTML5 Canvas 之外还有其他库或选项可供使用，但我们试图在评估外部库之前仅使用基本 HTML/CSS/JavaScript。
谢谢大家
您可以将图案（使用 canvas）绘制到单独的 canvas 元素中，然后使用 DataURL 方法将该纹理填充到您的主绘图中canvas.
很确定this post详细说明了您想要的那种东西。
早上好，
我正在做一个项目，我需要绘制通用多边形并将它们填充到 HTML5 Canvas 上。我需要用可配置颜色的对角线填充形状。我目前看到这个问题的两个解决方案。
首先是找出在形状本身上绘制彩色线条的数学和算法，使用 moveTo 和 lineTo 函数。虽然这是可能的，但我不知道如何从算法开始。
第二种方法是使用 HTML5 Canvas 中的填充图案功能，方法是创建一个小的 PNG（比如 5x5），然后在其中绘制图案。我已经成功实现了这一点，但我认为不可能即时更改此图像的颜色。
有没有人做过类似的事情？我知道除了 HTML5 Canvas 之外还有其他库或选项可供使用，但我们试图在评估外部库之前仅使用基本 HTML/CSS/JavaScript。
谢谢大家
您可以将图案（使用 canvas）绘制到单独的 canvas 元素中，然后使用 DataURL 方法将该纹理填充到您的主绘图中canvas.
很确定this post详细说明了您想要的那种东西。