fabricjs 第24页 - IT屋-程序员软件开发技术分享社区

如何在对象修改后获得点坐标？

我想在对象被修改后得到新的点坐标，但是当我得到修改后的点坐标，它们是我绘制多边形的相同的点坐标。任何人都可以告诉我为什么会这样？下面是我的代码， canvas.on（'object：modified'，function（e）{ var obj = e.target; console.log（“new point coordinates ..

发布时间：2016-11-13 03:11:30 javascript canvas html5-canvas fabricjs 前端开发

使用fabric.js在画布中保存JSON

我试图导入多个svg文件和修改后将json保存到数据库。我尝试使用 canvas.item（0）.sourcePath ='/URL/FILE.svg'; JSON.stringify（canvas.toDarianessJSON（））; 但这不适用于多个文件，它只适用于第一个文件。我试图指定每一个文件的URL，但不能理解如何这样做。 b 解决方案 ..

发布时间：2016-11-13 03:11:02 javascript json html5 canvas fabricjs 前端开发

将画布保存到其所有对象并返回到画布的所有对象的图像，以编辑它们

我使用面料JS在画布上添加对象，然后以图像的形式保存它。现在我想将图片恢复到画布中的编辑模式。您可以在 http://www.13thandmars.com/logo_studio/builder.html?project_id=17b36372c43c04044dd804454dfdf6e8 添加文本将在上面的链接中添加一个对象到tshirt。解决方案可以从JSON加载 ..

发布时间：2016-11-13 03:09:36 html5 canvas svg html5-canvas fabricjs 前端开发

禁用fabricjs中的捕捉网格

我设法使用四舍五入将对象捕捉到网格。 canvas.on（'object：moving'，function（options）{ options.target.set left：Math.round（options.target.left / grid）* grid， top：Math.round（options.target.top / grid）* grid }）; }）; ..

发布时间：2016-11-13 03:06:36 canvas fabricjs 其他开发

转换的图片应该有一些小的网址，而不是BaseCode

现在我将图片上传到画布，上传图片后，通过toDataURl将画布转换为图片。如果我通过toDataURL将画布转换为图像，然后我得到基本代码（基本代码会大）。我想要一些小的网址而不是BaseCode。 var canvas = new fabric.Canvas（'canvas'）; document.getElementById（'file' ）.addEventListener（“ch ..

发布时间：2016-11-13 03:05:45 javascript jquery html5 canvas fabricjs 前端开发

在FabricJS中，无法使用loadFromJSON加载填充在形状中的图像

我有矩形Rect物件的 JSON 资料。当我尝试使用 LoadFromJSON 将此 JSON 数据加载到布料画布上时，图形会完美加载，但是图形中填充的图案不会呈现。我已经复制我的代码在布料厨房水槽执行模块，我试图执行它。 p> var jsonD ='{“objects”：[{“type”：“rect”，“originX”：“center”，“originY”：“center”，“ ..

发布时间：2016-11-13 03:02:27 image canvas html5-canvas loading fabricjs 其他开发

面料js调整大小旋转控件

我有一个简单的fabric.canvas元素有一个背景，我已经设置其宽度和高度等于上述图像的宽度和高度。然后添加帽图像。问题是调整大小控制被取代。我已经在图像中做到这一点。这是我将画布添加到页面的方式 $（'＃canvas_container'）。empty（）; canvas_el = document.createElement（'canvas'）; canvas_ ..

发布时间：2016-11-13 03:01:20 javascript canvas fabricjs 前端开发

FabricJS - 从JSON加载画布时出错

我使用的自定义对象从 fabric.Image 扩展到我的画布，如此答案。当我从服务器检索json字符串时，我试图将其加载到画布时出现奇怪的错误： var canvas = new fabric.Canvsd（）; function loadCanvas（resp）{ //响应对象包含一个数据字段 // JSON字符串必不可少 var json = JSON.parse数据） ..

发布时间：2016-11-13 02:57:12 json canvas load fabricjs 其他开发

对Fabric.js对象进行分组和取消分组

我使用fabric.js创建了一种“多边形选择器”或“多边形制作器”。每次单击创建多边形的一个角，可以选择，移动等...双击原始点“关闭”多边形。在这一点上，我采取组成多边形的所有圆/线，并将它们分组。当双击此类组时，我想取消组合并还原为可移动节点（即移动圆圈重塑多边形等）。但有一些奇怪的事情 - 看看当你移动圈子，某些线似乎'没有加入到圈子... 发生了什么... 我已经审查每个组 ..

发布时间：2016-11-13 02:56:12 javascript jquery canvas html5-canvas fabricjs 前端开发

loadFromJSON（）函数加载对象只有在画布上的Click事件后才填充Pattern

当尝试将JSON数据加载到画布时，每个形状都会加载，但填充在形状中的模式只有在我点击形状。可能有人请解释为什么会发生这种情况？即使我检查过： canvas2.loadFromJSON（json，canvas2.renderAll.bind（canvas2）同样的问题是 clone $ c> function：对象被复制。 Iam使用版本1.3. ..

发布时间：2016-11-13 02:55:24 javascript canvas fabricjs 前端开发

如何在使用groupSVGElements后选择子元素

我将svg加载到具有子元素的Fabric中。我使用groupSVGElements（）将它们分组。我需要能够选择每个子元素 - 这是一个onclick事件，允许我选择一个子对象。 / p> 我把这个小提示放在一起了 http：// jsfiddle .net / AnQW5 / 2 / 虽然我可以通过getObjects列出组的子对象，但我没有办法看到，对象。所以： c ..

发布时间：2016-11-13 02:54:04 javascript canvas fabricjs 前端开发

加载图象到织品帆布背景

您尝试上传图片并将其作为画布背景。代码片段： function handleMenuImage（e）{ var reader = new FileReader（）; reader.onload = function（event）{ var img = new Image（）; img.src = event.target.result; canvas.setWidth（im ..

发布时间：2016-11-13 02:50:44 javascript canvas html5-canvas filereader fabricjs 前端开发

Fabricjs平移和缩放

如何使用fabricjs平移和缩放？我试过使用方法zoomToPoint和setZoom，但他们不工作的平移。一旦我开始使用不同的缩放点，我开始有麻烦。 $（'＃zoomIn' canvas.setZoom（canvas.getZoom（）* 1.1）; }）; $（'＃zoomOut'）。click（function（）{ canvas.setZoom（canvas.ge ..

发布时间：2016-11-13 02:41:53 javascript canvas fabricjs 前端开发

如何在Fabric JS中的画布上触发自定义事件？

我想在布料js中的canvas上注册javaScript事件。解决方案如果你想用你的自定义事件扩展fabricjs事件系统，这很简单： var canvas = new fabric.Canvas（'c'）; //使用任何有效负载消除任何事件 canvas.fire（'custom：event'，{any：'payload'}）; //监听任何事件，如fabricjs ..

发布时间：2016-11-13 02:37:57 javascript html5 canvas design fabricjs 前端开发

限制在canvas HTML5中绘制图像对象的区域

我要限制在画布中上传图片的区域。我使用fabric js来实现这个解决方案。我看到一个链接，但没有想到。该链接为：在Fabric.js中设置对象拖动限制。我也想做同样的事情，但我不能做到这一点。我想要什么？我会在屏幕截图中显示。 var canvas = new fabric.Canvas（'canvas'）; $（“＃canvascolor> input”）。click（fu ..

发布时间：2016-11-13 02:34:31 html5 canvas html5-canvas fabricjs 前端开发

将对象限制为canvas边界时出现问题

我目前正在运行我的项目，因为我已经使用fabric js工作与画布。在那里我想我的画布对象不走出画布边界。我做了这段代码，它是工作正常除非和直到我旋转它。但是当我旋转对象，该对象的左上角得到的旋转和我的代码不能很好地工作。我想要一些解决方案，将工作在任何条件，但我的对象不应该超出画布边界。感谢 var canvas = new fabric.Canvas（'demo'）; canvas ..

发布时间：2016-11-13 02:33:51 canvas fabricjs 其他开发

fabric.js ...如何中心画布

fabricjs将转换： //此DOM结构 //到这里： ..

发布时间：2016-11-13 02:27:24 canvas fabricjs 其他开发

在Fabric.js中重置canvas并重新加载JSON

我正在建立类似kitchensink示例，除非我需要能够有多个视图。 http://fabricjs.com/kitchensink/ 名片：正面和背面在编辑时，我定期保存json。当你想编辑后面而不重新加载页面（因为我使用AngularJS），我如何擦拭当前画布并重新加载新的JSON？我正在加载JSON，你点击更改视图，我运行 canvas.clearCont ..

发布时间：2016-11-13 02:26:55 canvas html5-canvas fabricjs 其他开发

在Fabric.js中如何修改对象类，以便所有子类都有一个新的自定义属性？

我正在寻找一种方法来扩展基本的fabric.Object类与一个自定义属性我可以保存到JSON和加载JSON，将传播到各种子类。具体来说，我想存储一个深度属性，所以当我从JSON加载对象将能够添加适当的视差到对象。这里是我试过的一些例子： http://www.sitepoint.com/fabric-js-advanced/ //创建一个矩形对象 var rect = ..

发布时间：2016-11-13 02:23:28 javascript canvas prototype fabricjs 前端开发

重新创建Fabric.js画布并导出为图像？

我有一个画布，用户可以使用另一个 div 中的图像创建设计，并将其发送到Fabric.js画布，等等。由于画布的大小为 width =“270”和 height =“519”，小于成品，我需要用大小 width =“1001”和 height =“1920”的画布重新创建然后截图它，所以我得到它所有在1单个图像。这是我的代码到目前为止的样子： em> HTML ..

发布时间：2016-11-13 02:23:08 javascript html css canvas fabricjs 前端开发

fabricjs相关内容