Fabricjs. 带有圆角和描边的图片。

12 浏览
0 Comments

Fabricjs. 带有圆角和描边的图片。

有没有一种简单的方法来将图片裁剪成圆角和内部描边的效果？

rounded

https://jsfiddle.net/4tursk3y/

$('#clip').click(function() {
    canvas._objects[1].set({
        'clipTo': function(ctx) {
            var rect = new fabric.Rect({
                left: 0,
                top: 0,
                rx: 20 / this.scaleX,
                ry: 20 / this.scaleY,
                width: this.width,
                height: this.height,
                fill: '#000000'
            });
            rect._render(ctx, false);
        }
    });
    canvas.renderAll();
});

0