Javascript 将画布推到静态画布
我甚至不太确定该怎么说,但我将尝试: 我有一个小应用程序(主要使用fabricjs 1.7.22),它将更改从一个画布推送到静态画布。我的问题是,我有一个类似的应用程序不执行这种“推送”,因此不需要Javascript 将画布推到静态画布,javascript,fabricjs,Javascript,Fabricjs,我甚至不太确定该怎么说,但我将尝试: 我有一个小应用程序(主要使用fabricjs 1.7.22),它将更改从一个画布推送到静态画布。我的问题是,我有一个类似的应用程序不执行这种“推送”,因此不需要画布[0]。例如,第二个应用程序中的一个函数如下所示: function dropText() { var text = new fabric.IText('Type here...', { fontSize: 27, top: 10, left: 10, });
画布[0]
。例如,第二个应用程序中的一个函数如下所示:
function dropText() {
var text = new fabric.IText('Type here...', {
fontSize: 27,
top: 10,
left: 10,
});
canvas.add(text);
}
我希望能够以这种方式引用我下面的代码(无需[0]
),因为这将大大简化我的应用程序的代码库(因为它们共享类似的功能,所以冗余程度要小得多)。我尝试将var index=canvas[0]
更改为简单的var index=canvas
,然后更新剩余的代码以匹配,但运气不佳
原谅我的天真。我已经为此工作了几天,不知道该怎么做。这可能吗?以下是我现在拥有的:
var canvas=[],
形象;
canvas.push(newfabric.canvas('c0'));
对于(i=1;i
正文{
边际:0px;
填充:0px;
}
帆布{
边框:1px实心#f00;
边际:0px;
显示:块;
}
运输署{
保证金:0;
填充:0;
边界:0;
大纲:0;
垂直对齐:基线;
}
#图像保存{
背景色:白色;
高度:637.5px;
宽度:825px;
左侧填充:75px;
}
添加文本保存
空白
手绘
代替canvas[0]指定另一个变量名。并将其共享给Bot。我已尝试更改所有canvas[0]例如,我得到了uncaughtreferenceerror:canvasTest没有定义
。你介意详细说明吗?在全球范围内声明canvasTest。var canvasTest;
我也尝试过,但运气不佳;还有更多错误。我会在可能的时候打开一个赏金。
var mainCanvas;
mainCanvas = new fabric.Canvas('c0');
for (i = 1; i <= 7; i++) {
canvas[i] = new fabric.StaticCanvas('sc' + i);
}