我刚开始使用
HTML5,我有一个绘图程序,用户可以通过单击鼠标按钮并像笔一样拖动光标来填充画布.我希望能够弄清楚当前用笔填充的画布百分比.我怎么能这样做？
Here’s my current code on Gist谢谢！
解决方法
您可以获取< canvas>的所有原始像素值.使用getImageData()调用
https://developer.mozilla.org/en-US/docs/DOM/CanvasRenderingContext2D#getImageData%28%29
然后,您在Javascript循环中循环遍历此像素数据,并计算所有不是背景颜色的像素.
填充画布的百分比是
completed = filledInPixels / (canvas.width * canvas.height)
