Fabric.js是一个HTML5画布库,为画布提供了一个对象模型,一个SVG到画布的渲染器和一个画布到SVG的解析器。
我已经对织物进行了子分类。矩形“类”。它有一些属性,如类型、名称和区域。 var RoomRect = fabric.util.createClass(fabric.Rect, { 初始化:函数(选项)...
文本框子类的 fabric.js loadFromJSON 不起作用
我创建了一个基于 fabric.Textbox 的子类,但无法让 loadFromJSON 在其上运行。它导致“捕获类型错误:t.split 不是一个函数”。 这是我的代码: fabric.TextboxSubcla ...
我在材质步进器的一步中添加了 fabricjs 画布。只有在为这一步的入口设置动画时,它才能很好地呈现。 但是当动画完成时,所有对象突然消失并且...
我正在尝试使用 FabricJS 创建便签。便利贴由矩形背景和放置在组内的文本框组成。我希望能够使用 ...
我想使用这个 http://jsfiddle.net/fabricjs/S9sLu/ 函数,其中对象可以捕捉到网格,问题是我不希望它直接捕捉到线条但是当它越来越近了……
如何点击一个threejs 3dcanvas来选择和修改一个fabricjs对象
我有一个带有 TextureCanvas 对象的 threejs 场景。 这个 TextureCanvas 有一个包含矩形对象的 FabricJs 画布。 我想单击对象并修改它(例如缩放、移动、修改它)(
无法移动在 react.js 中使用 fabric.js 创建的对象
我在我的 React 应用程序中使用 fabric.js 库。 https://www.npmjs.com/package/fabric 我正在使用 fabric 在画布上添加一个简单的黄色矩形。矩形在 y...
Fabirc JS:当我分组和移动第 2 组对象时如何获取对象的位置
我对 fabricjs 有问题,我有 2 个对象和第 2 组对象要移动,但我无法在画布中获得对象(矩形和圆形)的实际位置。请帮我 我尝试像图片但定位每个
rtl 的 fabric js itext(乌尔都语/阿拉伯语)
我想在 IText/Textbox 中使用 RTL 语言(乌尔都语/阿拉伯语)。在文本框中使用乌尔都语文本时,文本不会正确对齐。字母放在错误的地方。每当你做出选择...
我正在使用这个库:https://github.com/EffEPi/fabric.curvedText 来使用 FabricJS 获取弯曲的文本,我复制了代码进行测试: $(函数(){ canvas = new fabric.Canvas('c');
如何在 Fabric.js/JavaScript 中使用正向运动学创建 2D 骨架?
我已经尝试在 Fabric.js 中创建 2D 运动学骨架一段时间了,但每次尝试都被证明与上次一样失败。我看过很多视频,也看过很多文章...
我目前正在使用 Fabric.js 的动态模式功能将图像对象转换为模式对象。但是,我遇到了使用网格创建图像的问题
当我将鼠标移到红色圈出的区域上并单击时,我希望角被选中,那么,有什么Api可以帮助我? 有人能帮我吗?我的英语不是很好,如果你想知道我...
如何使用 captureStream 和 MediaRecorder 将 fabricjs 画布导出为高质量视频
我正在使用以下代码从 fabricjs canvas 导出视频。一切正常,除了质量很差,有时在包含图像时会特别像素化。但是当我跑...
如何单击按钮更新 Fabric JS IText 中的文本?
我是使用这个工具的新手,我遇到了这个问题。我想更新点击按钮的文本,所以我有这个: 我是使用这个工具的新手,我遇到了这个问题。我想更新点击按钮的文本,所以我有这个: <canvas id="xcanvas" width="200" height="400"></canvas> <button type="button" id="set_text" class="btn btn-primary">set text</button> 我的代码: var canvas = new fabric.Canvas('xcanvas'); var text1 = new fabric.IText("old", { borderColor: '#eaeaea', cornerColor: '#eaeaea', cornerSize: 9, cornerStyle: 'circle', transparentCorners: false, lockUniScaling: false, fontFamily: 'Arial', fill: '#000', stroke: '#000', fontWeight:"normal", strokeWidth: 0, strokeUniform: true, id:92929 }); canvas.add(text1); 根据文档,我可以使用 removeChars() 和 insertChars() 删除和插入文本,所以我尝试了这个: $("#set_text").click(function(){ text1.removeChars(0, 1000); text1.insertChars("hello!"); }); 但是它不起作用,我得到这个结果: 之前: 之后: 多次点击按钮: 我要得到这个结果: 我想得到你的帮助。
我正在尝试使用新的 clipPath 属性通过较大的绿色矩形剪辑较小的蓝色矩形。我想要的是当蓝色矩形离开绿色矩形时,蓝色矩形应该被剪裁到 g ...
我试图使用来自 Axios 响应的画布显示图像。 我得到的回应 { "data": "����\u0000...", “状态”:200, } 数据切片.ts 尝试 { c...
FabricJS-我有一个 fabricJS + Angular 项目。如何在某些操作上获得更好的性能?
我用垂直线和水平线制作了一个表格结构。您可以添加新行以创建新行和新列。在图片中,您可以看到一张 3x3 的桌子。当我调整表格的 1 个垂直边时
在 fabricjs 中如何在 fabric.controlsUtils actionHandler 中赋予多个函数?
在 fabricjs 中,我需要在一个 fabric.controlsUtils 中提供两个 actionHandler 函数 objectControls.br = new fabric.Control({ x: 0.5, 是:0.5, cursorStyleHandler: scaleStyleHandler,
我想在修改对象后获得新的点坐标,但是当我在修改后获得点坐标时,它们与我绘制的点坐标相同