我正在使用 Fabric.js 在任何产品上创建设计。我的一些产品有两个画布，所以我想fabric.Text从一个画布移动到另一个画布，并且我想将 Fabric 画布对象拖放到其他 Fabric 画布上。
我想用html5工具制作图像曲线.
我正在使用Fabric.js作为html5画布工具.
请指导我如何在图像上制作弯曲图像,如马克杯,玻璃杯,圆柱形或圆形产品.
参考.图片如下:
我有一个 Canvas 对象，其顶部和左侧属性是通过以前的 JavaScript 函数定义的，但是当我创建 Fabric Canvas 对象时
var fabricCanvas= new fabric.Canvas('mycanvas');
我的 HTML Canvas 将顶部和左侧属性设置为 0。
我尝试通过脚本创建 Fabric Canvas 对象后设置顶部和左侧属性，但是当我这样做时，画布会更改位置，但 Fabric 功能（选择和移动功能）仍保留在画布先前所在的位置（其中 Fabric Canvas 具有定位它）！
我可以做什么来解决这个冲突？有没有办法保持画布相等？
我想在object.js中创建一个图像对象ImageData,我们可以从这里得到ImageData:
var imgData=ctx.getImageData(10,10,50,50);
//ctx.putImageData(imgData,10,70);
// something liket that
var image = new fabric.Image.fromImageData (...);
有没有办法从ImageData对象创建图像对象？
我试图direction动态设置,但有些东西不起作用.我没有收到错误.
function moveSelection(keyPressed) {
var group = canvas.getActiveGroup(),
obj = canvas.getActiveObject();
if(!group && !obj) {return;}
var direction = '',
sign = '',
operators = {
'+': function(a, b) { return a + b },
'-': function(a, b) { return a - b },
};
switch(keyPressed) {
case 37:
direction = 'left';
sign = '-';
break;
case 38:
direction = 'top';
sign = '-';
break;
case 39:
direction = 'right';
sign = '+';
break;
case 40:
direction = 'bottom'; …我通过在画布上捕获鼠标点击然后将这些点传递给绘制多边形fabric.Polygon.所以,通过这种方式我绘制了多个多边形.
我需要知道的是,我想获得现在选择的多边形的鼠标坐标(画布上的像素点)？
我尝试过:
canvas.getActiveObject().get('points');
但这给了一些负面和一些积极的价值观.
那么,请你告诉我找出多边形点的方法吗？
我有一个Fabric.js canvas.我还有一个javascript,它有一个按下按钮时被调用的函数.我知道如何获取活动对象,canvas.getActiveObject()但我不知道如何只更改其中的值而无需进行克隆并删除原始对象.我之所以想改变原版是因为当再次按下按钮时,会发生奇怪的事情.有关如何做到这一点的任何线索？
我有一个网站，用户可以在其中在 Fabric.js 画布中移动图像。我希望能够在更大的画布上重新创建他们的“设计”，所以我的问题是；使用原始变量重新创建画布有哪些不同的方法？
现在即时通讯使用JSON.stringify(canvas);取回数据，但它不是一个真正理想的，因为我接下来要再次复制粘贴的变量，它看起来像这样：type":"image","originX":"center","originY":"center","left":135,"top":259,"。关于如何做到这一点的任何建议，或者是JSON.stringify(canvas);然后复制粘贴所有数据最简单？
我知道 Fabric.js 在同一个画布中内置了拖放支持。
我们如何使它适用于多个画布？
或者来自非画布 html 元素，例如来自表格的图像？