如何在Paper.js中模糊Raster

Question

似乎没有过滤器，也没办法在paperjs中使用画布上下文。

那么在paperjs中制作项目模糊的最佳实践是什么？

Answer 1

您可以通过Raster访问<canvas>的{​​{1}}元素，然后模糊该画布并使用模糊的画布重新绘制它。

以下是一个例子：

Raster.canvas

这里是POC Paper.js Sketch。

对于var raster = new Raster({ source: 'http://assets.paperjs.org/images/marilyn.jpg', crossOrigin: 'anonymous', position: view.center, visible: false }) raster.onLoad = function() { this.canvas.getContext('2d').filter = 'blur(10px)' this.drawImage(this.canvas, 0, 0) this.visible = true } 以外的其他Item，您必须使用Raster将其转换为item.rasterize()，然后使用上述方法。您还需要适当缩放图像边界以适应模糊。