jquery - キャンバスに背景画像を与えてから領域を切り取る

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