我正在尝试为在 Canvas 上移动的图像实现高斯模糊。有没有办法在将图像渲染到 Canvas 上之前对其进行模糊处理？
该图像不会保持静态，我将不得不渲染同一图像的多个尺寸，因此我不能只是模糊源图像。
有什么想法吗？
最佳答案
您可以轻松获得所需尺寸的预渲染模糊图像!
创建屏幕外 Canvas :
document.createElement('canvas');将所需的多种尺寸的图像绘制到屏幕外 Canvas 上:
drawImage with sizing parameters使用模糊程序模糊整个屏幕外 Canvas :
http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html
像 Sprite 表一样使用屏幕外 Canvas ，并“剪切”您需要的任何尺寸的图像，并将剪切后的图像绘制到屏幕 Canvas 上:再次使用
drawImage with sizing parameters
关于html - 在渲染到 Canvas 上之前模糊图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26005999/