javascript – HTML5 Canvas – 用随机像素颜色填充形状？

我有一个形状,让我们说：

var context = canvas.getContext();
context.beginPath();
context.moveTo(200, 50);
context.lineTo(420, 80);
context.quadraticCurveTo(300, 100, 260, 170);
context.closePath();
canvas.fillStroke(this);

形状可能每次都不同.

我有10个蓝色渐变,并希望随着时间的推移随机绘制形状中包含的像素.

我不知道如何获得形状中包含的像素列表,以便我可以编辑它们.

另外我估计每帧重绘一次可能会有性能损失.

有什么想法我会如何继续这个？谢谢！

标签：kineticjs,javascript,html5,canvas
来源： https://codeday.me/bug/20190825/1721050.html