jquery - 将背景图像提供给 Canvas ，然后裁剪区域

Question

我既要裁剪 Canvas 又要给背景图片，我可以给整个 Canvas 背景然后裁剪区域吗？？

我想设置背景图片，然后裁剪区域到我可以绘制图片的圆圈。

 canvas.setBackgroundImage('images/tee.png', canvas.renderAll.bind(canvas));
 canvas.clipTo = function (ctx) {

      var path = new fabric.Circle({
                radius : 40,
                fill : 'red',
                left : 55,
                top : 55
            });
    path.render(ctx);


}

Answer 1

试试这个

$( "#Bird" ).click(function() {
$('.canvasid').css("background-image", "url(images/bird.jpg)");
$('.canvasid').css("background-size", "cover");
$('.canvasid').css( "background-repeat", "no-repeat");
});