Html5 canvas 检测HTML5中填充了多少画布元素_Html5 Canvas_Getimagedata

Html5 canvas 检测HTML5中填充了多少画布元素

html5-canvas

Html5 canvas 检测HTML5中填充了多少画布元素,html5-canvas,getimagedata,Html5 Canvas,Getimagedata,我刚开始使用HTML5，我有一个画图程序，用户可以通过单击鼠标按钮并像笔一样拖动光标来填充画布。我希望能够计算出画布上当前用钢笔填充的百分比。我怎么能这样做？谢谢可以使用getImageData（）调用获取的所有原始像素值然后，在Javascript循环中遍历该像素数据，并计算所有非背景色的像素画布中填充的百分比为 completed = filledInPixels / (canvas.width * canvas.height) 请注意，getImageData（）调用非常慢，您

我刚开始使用HTML5，我有一个画图程序，用户可以通过单击鼠标按钮并像笔一样拖动光标来填充画布。我希望能够计算出画布上当前用钢笔填充的百分比。我怎么能这样做？谢谢

可以使用getImageData（）调用获取

的所有原始像素值

然后，在Javascript循环中遍历该像素数据，并计算所有非背景色的像素

画布中填充的百分比为

 completed = filledInPixels / (canvas.width * canvas.height)

请注意，

getImageData（）

调用非常慢，您可能只想每秒调用一次。

谢谢，这就是我要找的！如何获取

填充像素

？