Javascript 将其克隆添加到另一个画布时,FabricJS canvas对象组被隐藏

Javascript 将其克隆添加到另一个画布时,FabricJS canvas对象组被隐藏,javascript,svg,canvas,fabricjs,Javascript,Svg,Canvas,Fabricjs,我尝试将一组对象从画布导出到svg。为此,我将组克隆到另一个画布中(该画布的高度/宽度与组相同),效果非常好。但问题是这个团体被隐藏在原始画布中,我不知道为什么 代码如下: this.\uu canvas=new fabric.canvas('meCanvas'{ 对,对, 身高:300, 宽度:200, 背景颜色:“#1F”, 拉票人:'azpoazpoaz' }); 设newID=(new Date()).getTime().toString().substr(5); 设rect=new

我尝试将一组对象从画布导出到svg。为此,我将组克隆到另一个画布中(该画布的高度/宽度与组相同),效果非常好。但问题是这个团体被隐藏在原始画布中,我不知道为什么

代码如下:

this.\uu canvas=new fabric.canvas('meCanvas'{
对,对,
身高:300,
宽度:200,
背景颜色:“#1F”,
拉票人:'azpoazpoaz'
});
设newID=(new Date()).getTime().toString().substr(5);
设rect=new fabric.rect({
填充:“红色”,
宽度:48,
身高:32,
左:100,,
前100名,
原文:“中心”,
原文:'中心',
fontWeight:'正常',
myid:newID
});
设newID1=(newdate()).getTime().toString().substr(5);
让text=new fabric.IText('text'{
fontFamily:《泰晤士报》,
尺码:18,
填充:“白色”,
左:100,,
前100名,
原文:“中心”,
原文:'中心',
fontWeight:'正常',
myid:newID1,
对象类型:“文本”
});
此.uu canvas.add(rect);
此._ucanvas.add(文本);
这个;
$(“#生成”)。单击((e)=>{
设obj=this.\uu canvas.getActiveObject();
如果(!obj)返回;
设obj1=$.extend(true,{},obj);
this.tempCanvas=new fabric.Canvas('tempCanvas'{
拉票人:“efsdfsd”,
对,对,
高度:obj1.getScaledHeight(),
宽度:obj1.getScaledWidth()
});
obj1.left=0;
obj1.top=0;
this.tempCanvas.add(obj1);
让mySVG=this.tempCanvas.toSVG();
//log(this.tempCanvas.toSVG());
});

生成SVG
要复制对象,请使用而不是
$。扩展

示例
this.\uu canvas=new fabric.canvas('meCanvas'{
对,对,
身高:300,
宽度:200,
背景颜色:“#1F”,
拉票人:“azpoazpoaz”
});
设newID=(new Date()).getTime().toString().substr(5);
设rect=new fabric.rect({
填充:“红色”,
宽度:48,
身高:32,
左:100,,
前100名,
原文:“中心”,
原文:'中心',
fontWeight:'正常',
myid:newID
});
设newID1=(newdate()).getTime().toString().substr(5);
让text=new fabric.IText('text'{
fontFamily:《泰晤士报》,
尺码:18,
填充:“白色”,
左:100,,
前100名,
原文:“中心”,
原文:'中心',
fontWeight:'正常',
myid:newID1,
对象类型:“文本”
});
此.uu canvas.add(rect);
此._ucanvas.add(文本);
这个;
$(“#生成”)。单击((e)=>{
设obj=this.\uu canvas.getActiveObject();
如果(!obj)返回;
对象克隆(函数(克隆对象){
设obj1=clonedObj;
this.tempCanvas=new fabric.Canvas('tempCanvas'{
拉票人:“efsdfsd”,
对,对,
高度:obj.getScaledHeight(),
宽度:obj.getScaledWidth()
});
obj1.left=0;
obj1.top=0;
this.tempCanvas.add(obj1);
让mySVG=this.tempCanvas.toSVG();
})
//log(this.tempCanvas.toSVG());
});

生成SVG
要复制对象,请使用而不是
$。扩展

示例
this.\uu canvas=new fabric.canvas('meCanvas'{
对,对,
身高:300,
宽度:200,
背景颜色:“#1F”,
拉票人:“azpoazpoaz”
});
设newID=(new Date()).getTime().toString().substr(5);
设rect=new fabric.rect({
填充:“红色”,
宽度:48,
身高:32,
左:100,,
前100名,
原文:“中心”,
原文:'中心',
fontWeight:'正常',
myid:newID
});
设newID1=(newdate()).getTime().toString().substr(5);
让text=new fabric.IText('text'{
fontFamily:《泰晤士报》,
尺码:18,
填充:“白色”,
左:100,,
前100名,
原文:“中心”,
原文:'中心',
fontWeight:'正常',
myid:newID1,
对象类型:“文本”
});
此.uu canvas.add(rect);
此._ucanvas.add(文本);
这个;
$(“#生成”)。单击((e)=>{
设obj=this.\uu canvas.getActiveObject();
如果(!obj)返回;
对象克隆(函数(克隆对象){
设obj1=clonedObj;
this.tempCanvas=new fabric.Canvas('tempCanvas'{
拉票人:“efsdfsd”,
对,对,
高度:obj.getScaledHeight(),
宽度:obj.getScaledWidth()
});
obj1.left=0;
obj1.top=0;
this.tempCanvas.add(obj1);
让mySVG=this.tempCanvas.toSVG();
})
//log(this.tempCanvas.toSVG());
});

生成SVG