Canvas 如何在Paper.js中模糊光栅
在paperjs中似乎没有过滤器,也没有办法接近画布上下文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中使项目模糊的最佳做法是什么呢?您可以通过
光栅.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()
将其转换为光栅
,然后使用上述方法。您还需要适当缩放图像边界以适应模糊。我可以使用画布过滤器使图像边缘变为羽毛吗?不确定,但请检查以下内容:。也许您可以在光栅画布上使用此技术。