給背景圖像的畫布，然後剪輯區域

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