javascript - 应用图像滤镜

标签 javascript fabricjs

我想使用一些织物图像滤镜,但是当我应用滤镜时,图像消失了。实际上,这只是教程 http://fabricjs.com/fabric-intro-part-2/ 中的代码。

var canvas = new fabric.Canvas('c');
fabric.Image.fromURL('http://applyfilters.fm/wp-content/uploads/2014/07/IMG_0289-e1405013078402.jpg', function(img) {
img.scale(0.5);
img.filters.push(new fabric.Image.filters.Grayscale());
img.applyFilters(canvas.renderAll.bind(canvas));
canvas.add(img);
});

请好心告诉我我犯的愚蠢且可能微不足道的错误是什么。

提前致谢

最佳答案

抱歉,我的声誉较差,无法发表评论。

在本教程中,图像位于同一主机中。 使用 test.jpg,而不是 http://applyfilters.fm/wp-content/uploads/2014/07/IMG_0289-e1405013078402.jpg 怎么样?

关于javascript - 应用图像滤镜,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29582177/

相关文章:

javascript - 如何在 Javascript 中删除 HTTP 特定 header

javascript - 覆盖 jqGrid 中的默认导航按钮功能

javascript - PDF 文件无法在带有 Adob​​e Reader 10.0 的 Internet Explorer 中打开 - 用户会看到一个空白的灰色屏幕。我该如何为我的用户解决这个问题?

javascript - 如何使用 Javascript 中的箭头键移动该对象?

javascript - 动态添加新的织物 Canvas

JavaScript:增量方法

javascript - fabric.loadSVGFromString 的扭曲结果

javascript - renderAll() 在 fabric.js 中不起作用

javascript - fabricjs 将图像设置为背景

javascript - 如何获取 Fabric JS 中形状的坐标?