将背景图像提供给画布，然后剪切区域

Question

我想剪辑画布以及提供背景图像，我可以给整个画布提供背景然后剪辑区域吗？

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

 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");
});