2016-03-08 38 views
1

我正在尝试将过滤器应用于图案的图案形状,但收到很多错误。我GOOGLE了很多,但仍然找不到可行的解决方案。以下是我的代码。问1.甚至有可能吗?问2.如何实现它!?在fabric.js中为图案图案添加过滤器

var canvas = new fabric.Canvas('c1'); 

    var circle = new fabric.Circle({ 
    radius: 100, fill: 'green', left: 100, top: 100 
    }); 

    canvas.add(circle); 

    loadPattern('http://i0.wp.com/www.illustratoring.com/wp-content/uploads/2012/12/chevron-pattern-illustrator.png?resize=40%2C40', circle); 

    function loadPattern(url, obj){ 
    fabric.util.loadImage(url, function(img) { 
     obj.setPatternFill({ 
      source: img, 
      repeat: 'repeat' 
     }); 
     canvas.renderAll(); 
    }); 
     } 

这里是JSfilddle https://jsfiddle.net/eepmzy9n/2/我想申请过滤器图案图像。

回答