fabricjs-添加自定义形状的图片img.set

  fabric.Image.fromURL(
    'http://fabricjs.com/assets/mononoke.jpg',
    function(img) {        canvas.add(img.set({
            left: 400,
            top: 350,
            clipPath: new fabric.Circle({
              radius: 200,
              originX: 'center',
              originY: 'center'
            }),
            angle: 30
          })
          .scale(0.25)
        );
        canvas.renderAll()

    }, { crossOrigin: 'anonymous' });

图片和基础形状结合

注意 Circle的radius若大于min(宽 高)的一半，将不再是圆形