Canvas 如何在Paper.js中模糊光栅

Canvas 如何在Paper.js中模糊光栅,canvas,paperjs,Canvas,Paperjs,在paperjs中似乎没有过滤器,也没有办法接近画布上下文 那么,在paperjs中使项目模糊的最佳做法是什么呢?您可以通过光栅.canvas访问光栅的元素,然后模糊该画布并使用模糊的画布重新绘制它 下面是一个例子: var raster = new Raster({ source: 'http://assets.paperjs.org/images/marilyn.jpg', crossOrigin: 'anonymous', position: view.center

在paperjs中似乎没有过滤器,也没有办法接近画布上下文


那么,在paperjs中使项目模糊的最佳做法是什么呢?

您可以通过
光栅.canvas
访问
光栅的
元素,然后模糊该画布并使用模糊的画布重新绘制它

下面是一个例子:

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
}
这里有一个例子


对于
光栅
以外的其他
项目
,您必须使用
项目.rasterize()
将其转换为
光栅
,然后使用上述方法。您还需要适当缩放图像边界以适应模糊。

我可以使用画布过滤器使图像边缘变为羽毛吗?不确定,但请检查以下内容:。也许您可以在光栅画布上使用此技术。