Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.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
Javascript 将剪辑区域移动到画布的中心,织物js_Javascript_Html_Canvas_Fabricjs - Fatal编程技术网

Javascript 将剪辑区域移动到画布的中心,织物js

Javascript 将剪辑区域移动到画布的中心,织物js,javascript,html,canvas,fabricjs,Javascript,Html,Canvas,Fabricjs,我使用fabricjs在画布上创建了一个剪裁区域, 这是我创建的剪裁区域 var canvasdaultwidth=350; var canvasDefaultHeight=180; var targetCanvas=document.getElementById('canvas'); canvas=新的fabric.canvas(targetCanvas); canvas.setWidth(canvasDefaultWidth); canvas.setHeight(canvasDefault

我使用fabricjs在画布上创建了一个剪裁区域, 这是我创建的剪裁区域

var canvasdaultwidth=350;
var canvasDefaultHeight=180;
var targetCanvas=document.getElementById('canvas');
canvas=新的fabric.canvas(targetCanvas);
canvas.setWidth(canvasDefaultWidth);
canvas.setHeight(canvasDefaultHeight);
canvas.backgroundColor='#fff';
canvas.clipTo=函数(ctx){
ctx.beginPath();
var rect=new fabric.rect({
填写:“#fff”,
不透明度:1,
左:35,
前15名,
宽度:280,
身高:150,
});
矩形渲染(ctx);
}
canvas.ControlsBoveOverlay=true;
var text=new fabric.IText('Lorem Ipsum Dolla');
canvas.add(文本);
canvas.renderAll()
html{background:#cfcfcfcf}
画布{边框:1px实心#000;}