Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 为画布提供背景图像,然后剪辑区域_Jquery_Html_Css_Canvas_Fabricjs - Fatal编程技术网

Jquery 为画布提供背景图像,然后剪辑区域

Jquery 为画布提供背景图像,然后剪辑区域,jquery,html,css,canvas,fabricjs,Jquery,Html,Css,Canvas,Fabricjs,我想剪辑画布以及给背景图像,我可以给整个画布的背景,然后剪辑区域 我想设置背景图像,然后将该区域剪裁成圆形,以便绘制图像 canvas.setBackgroundImage('images/tee.png', canvas.renderAll.bind(canvas)); canvas.clipTo = function (ctx) { var path = new fabric.Circle({ radius : 40,

我想剪辑画布以及给背景图像,我可以给整个画布的背景,然后剪辑区域

我想设置背景图像,然后将该区域剪裁成圆形,以便绘制图像

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


}
试试这个

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

我已经试过了,但是当我保存画布时,只保存了剪辑部分,而不保存背景图像。嘿,simmi,你已经解决了画布形状问题和背景图像问题吗?当我将画布转换为图像时,我面临着同样的问题@西米西米