将SVG从文件加载到画布并取消组合
我使用FabricJS将SVG文件上传到画布，其功能为 fabric.loadSVGFromURL（url，function（对象， options）{ group = fabric.util.groupSVGElements（objects，options）; canvas.add（group）.centerObject（group）.renderAll（）; }）;
..
fabricjs相关内容
单击画布HTML5上的按钮后，上传的图像显示与背景图像
我正在使用HTML5和fabric js。我正在拍摄背景图像并在此背景图像上传图像。但是，当我将画布转换为图像时，只有上传的图像才会出现。我将向您展示屏幕截图。 点击提交按钮后： 在第二个屏幕截图中，只有上传的图像会出现。但我想上传的图片应该带有背景图片。 代码： < HTML>
..
我们可以将putImageData添加到结构画布而不是fromURL
fabric.Image.fromURL（hc.toDataURL（），function（img）{ //将图片添加到画布上 Canvas.add（img）; img.hasControls = false; img.hasBorders = false; img.hasControls = false; img.hasRotatingPoint = false; img.selec
..
在鼠标移动中获取fabric.js中图像像素的rgb值
如何在鼠标移动中获取fabric.js中图像的rgb值。我使用了图像对象的 getFill（）方法，但它返回（0,0,0）。请帮帮我 解决方案 FabricJS没有获取像素颜色的原生方法。 解决方法是使用原生html5画布来获取像素数据： 创建Fabric图像对象。请务必将 crossOrigin 指定为“匿名”，否则画布将受到安全违规的污染，然后像素数据将不可用。 收听
..
Fabricjs Youtube视频
我正在使用fabricjs在画布中加载视频，它可以正常使用这样的普通mp4视频：
..
让用户删除选定的结构js对象
我有一个简单的基于面料js的应用程序，我会让用户添加形状连接它们并为它们设置动画。 以下是我的JS var canvas; window.newAnimation = function（）{ canvas = new fabric.Canvas（'canvas'）; } window.addRect = function（）{ var rect = new fabr
..
FabricJS：始终在画布上居中对象
是否可以将一个对象集中在fabricjs画布上？ 背景：我正在构建一个webtool，可以使用fabricjs轻松创建复杂的动画。我希望能够将画布大小设置为100％的宽度和高度。因此，我想将所有对象放在中心并为其添加X / Y偏移。当我稍后调整画布大小时，我可以使用x / y偏移从中心重新调整对象。 是否有这样的构建函数？或者我应该简单地向对象添加属性，如果正在调整画布大小 - 检查该
..
在Fabric.js画布上添加网格
我刚开始使用Fabric.js（我不得不说，我印象深刻）。 我想在Fabric对象上添加一个网格。在下面的代码中，我将网格画布正好放在Fabric画布上。这里的问题是，我现在无法移动我的布料对象！
..
fabricjs - 在视口中缩放画布（可能吗？）
目前我尝试根据 fabricjs-对可视化编辑器实施 zoom-functionallity 框架。 我环顾四周但却越来越困惑，因为我认识到这个功能/功能的发展是漫长而艰难的道路。社区和开发者。 因此，许多解决方案似乎已经过时了。 但是在我发现 RTSGroup 开发的 fabric-viewport Github 。 实现很简单，但它只能缩放/控制画布（内部）中的对象。不
..
html5画布中的套索工具
我正在尝试构建一个自由形式的套索工具来剪切画布内的图像。我正在使用 fabric.js 来绘制形状。 var canvas = document.getElementById（'c'）; var ctx = canvas.getContext（'2d'）; var img = document。 createElement（'IMG'）; img.onload = function（）{v
..
如何更改fabricjs中的旋转图标
请指导我修改Fabricjs以为旋转添加自定义图标。 我得到了一些答案，但它没有正常工作。 请告诉我更改特定轮换图标的代码。 解决方案 对于fabricjs 1.6.6以上更改函数对象原型drawControls，hasRotation条件的小变化，结果可见这个 JSFidle fabric.Object.prototype.drawControls = functio
..
如何使用Fabric.js将图像上传到画布？
我希望创建一个用户可以上传图片的过程，然后在使用Fabric.js的Canvas中使用一些按钮在浏览器中编辑它们 - 使用Fabric.js添加一些效果。 我无法使其发挥作用。我的HTML是：
..
Fabric.js动态剪切单个对象
我动态添加一个rect元素到裁剪/剪辑（使用clipTo）一个选定的元素， 它在第一时间完美运行，但是当我将第二个元素添加到画布并开始裁剪第二个元素时第一个元素松散了作物/剪辑。下面是我的代码，有2个按钮1开始裁剪/剪辑（在裁剪元素上放置一个动态矩形），然后进行裁剪/剪裁。 var left = el.left - object.left ; var top = el.top - obj
..
Fabric.js - 绘制多个图像zindex的问题
我正在使用这个脚本： var canvas = new fabric.Canvas（'game_canvas'，{selection：false }）; fabric.Image.fromURL（'images / bg.jpg'，函数（img）{ img.set（'left'，1024/2）.set（'top'， 600/2）.set（'zindex'，0）; canvas
..
FabricJs 1.7.18 scaleToWidth（）不设置给定的宽度
按照这个答案，我已经构建了所有功能启用的fabricJs版本 1.7.18 - 建立输出档案。 我使用下面的代码来使用scaleToWidth（）更改对象的宽度和高度，但新宽度值设置不正确。它是用其他值设置宽度。 var obj = canvas.getActiveObject（）; obj.scaleX = 1; obj.scaleY = 1; obj.scaleT
..
模糊的bug与一组中的几行
为什么向组对象添加更多行会导致这种模糊效果？ 请注意，在一个组中使用单一行不会导致这种行为。它似乎只能复制几行。 这里是重现错误的代码（您可以在这里在线试用 - https://jsfiddle.net/90tw8mfs/ ，放大一点，你会看到我在说什么）： var canvas = new fabric.Canvas（'c'）; 函数addFirstGroup（）{
..
在画布上添加文字后更改文字
在fabric-js中，我制作了Rect和文本字段组，然后将其添加到画布中。我正在使用以下代码，但是如果在画布中添加文本字段，我可以更改文本字段的文本。 我已经使小提琴请检查， http://jsfiddle.net/HAb4N/ 5 / var canvas = new fabric.Canvas（'c'） ; var Bar = new fabric.Text（'B
..
fabricjs删除backgroundImage
是否可以在设置 fabric.Canvas 后删除backgroundImage： canvas.setBackgroundImage（'img_url'，function（）{ canvas.renderAll（）; 或者回到标准背景？将 backgroundColor 设置为 white isn' 感谢您的帮助！ Greetings Max 解决方案 这是来自 rend
..
在画布上绘制图像并导出打印质量图像
我在做什么： 我正在使用 Fabric.js 来开发画布应用程序。用户可以将图像或文本放置在画布中 我想做什么： 5 X 8 （英寸）。在 Fabric.js ， toDataURL（）函数默认情况下会给出 72 DPI image，我打算使用 PHP 将它转换为 300dpi 图片。 因此，用 300dpi 5X8 c>，图片应该是 1500px X 2400px 。但我
..
使用fabric.js添加背景图片
我可以通过使用输入类型=“文件”id =“文件”来添加图像，但希望能够上传可移动的图像并将其作为背景图像保留在其他所有图像之后。现在我可以添加一些东西并将其发送到后面，但移动它很困难，因为控件在画布上运行。任何帮助将不胜感激，在此先感谢。 //添加图片from localvar canvas = new fabric.Canvas（'c'）; //显示/隐藏文字controlscanvas.
..