jjzjj

fabricjs2

全部标签

Fabricjs删除了选定的对象

如何在织物JS中删除选定的对象目前,我可以删除一个选定的对象,如以下内容:functionremoveCurrentObject(canvas){$('#remove-current-object').click(function(){canvas.getActiveObject().remove();});}但是,如何检查用户是否选择更多对象并在事件中删除它们(单击)看答案functionremoveCurrentObject(canvas){$('#remove-current-object').click(function(){if(canvas.getActiveGroup()){va

Fabricjs-如何根据行的X位置将行附加到现有行?

我想问一下如何在现有行的X轴的给定绳上附加新行(例如,在附加图像上的line1)。例子:我想附加蓝线LINE1和线3。我知道蓝线唯一的X位置LINE1和线3。Y位置未知,因此我需要在LINE1上的给定X位上附加蓝线的启动,并在Line3的给定X位上的蓝线结束。是否可以使用Fabicjs?正确的方法是什么?非常感谢您的建议。看答案如果对于您的行1y1=y2,并且对于您的行3y1=y2,则需要从Line1和Line3中获取blueLines的Y值:varcanvas=newfabric.Canvas('c',{selection:false});fabric.Object.prototype.or

Fabricjs json错误何时载入loadFromDataLessjson

我使用对象Clipto将图像连接到ShapeObject,现在当我将画布保存到JSON并存储数据时,它的工作正常。现在,当我加载JSON时,它会出现一个错误,即此变量不确定。http://jsfiddle.net/efmbrm4v/2/varclippingRect=newfabric.Rect({left:100,top:100,width:100,height:100,fill:'transparent',opacity:1});canvas.add(clippingRect);varimgInstance=newfabric.Image(img,{width:instanceWidth,

html - 是否可以同时在 FabricJS Canvas 上独立拖放多个对象?

我正在使用Fabric.js开发基于触摸的应用程序.开箱即用,拖放支持非常出色。遗憾的是,您一次只能拖动一个对象-Canvas的其余部分基本上处于“锁定”状态,直到当前对象的拖动结束。是否可以一次同时拖动多个对象?怎么可能实现呢?我的用例是这样的:想象一个带有多个拼图block的Canvas,您可以触摸/拖动它。我希望能够同时独立地触摸和拖动至少2件(每件用不同的手指)。我正在使用标准的拖动事件处理程序。我没有看到任何明显的方法来实现这一目标。canvas.on('object:moving',function(e){...}); 最佳答案

html - 是否可以同时在 FabricJS Canvas 上独立拖放多个对象?

我正在使用Fabric.js开发基于触摸的应用程序.开箱即用,拖放支持非常出色。遗憾的是,您一次只能拖动一个对象-Canvas的其余部分基本上处于“锁定”状态,直到当前对象的拖动结束。是否可以一次同时拖动多个对象?怎么可能实现呢?我的用例是这样的:想象一个带有多个拼图block的Canvas,您可以触摸/拖动它。我希望能够同时独立地触摸和拖动至少2件(每件用不同的手指)。我正在使用标准的拖动事件处理程序。我没有看到任何明显的方法来实现这一目标。canvas.on('object:moving',function(e){...}); 最佳答案

javascript - fabricjs - 在视口(viewport)中缩放 Canvas (可能吗?)

目前,我尝试为基于fabricjs-framework的可视化编辑器实现缩放功能.我环顾四周,但越来越困惑,因为我认识到这个特性/功能的开发对于社区和开发人员来说是一条漫长而崎岖的道路。因此,许多解决方案似乎已经过时。但此刻我找到了fabric-viewportdevelopedbytheRTSGrouponGithub.实现很简单,但它只能缩放/控制Canvas(内部)中的对象。也不是Canvas。但我也想缩放Canvas。(视口(viewport)内部)为了更好地理解我在寻找什么,我做了一个简单的解释图片:有没有办法使用fabricjs-viewport插件或其他尚未过时的解决方案

javascript - fabricjs - 在视口(viewport)中缩放 Canvas (可能吗?)

目前,我尝试为基于fabricjs-framework的可视化编辑器实现缩放功能.我环顾四周,但越来越困惑,因为我认识到这个特性/功能的开发对于社区和开发人员来说是一条漫长而崎岖的道路。因此,许多解决方案似乎已经过时。但此刻我找到了fabric-viewportdevelopedbytheRTSGrouponGithub.实现很简单,但它只能缩放/控制Canvas(内部)中的对象。也不是Canvas。但我也想缩放Canvas。(视口(viewport)内部)为了更好地理解我在寻找什么,我做了一个简单的解释图片:有没有办法使用fabricjs-viewport插件或其他尚未过时的解决方案

javascript - FabricJS:始终在 Canvas 上居中对象

是否可以始终将对象置于fabricjsCanvas的中心?背景:我正在构建一个网络工具,可以使用fabricjs轻松创建复杂的动画。我希望能够将Canvas大小的宽度和高度都设置为100%。因此,我想将所有对象放在中心并为其添加X/Y偏移量。当我稍后调整Canvas大小时,我可以使用x/y偏移从中心重新调整对象。有这样的内置功能吗?或者我应该简单地向对象添加一个属性,如果Canvas正在调整大小-检查该属性的所有对象并重新调整对象相对于新Canvas中心的位置?问候和感谢罗伯特 最佳答案 或者你可以像这样将对象居中//addthei

javascript - FabricJS:始终在 Canvas 上居中对象

是否可以始终将对象置于fabricjsCanvas的中心?背景:我正在构建一个网络工具,可以使用fabricjs轻松创建复杂的动画。我希望能够将Canvas大小的宽度和高度都设置为100%。因此,我想将所有对象放在中心并为其添加X/Y偏移量。当我稍后调整Canvas大小时,我可以使用x/y偏移从中心重新调整对象。有这样的内置功能吗?或者我应该简单地向对象添加一个属性,如果Canvas正在调整大小-检查该属性的所有对象并重新调整对象相对于新Canvas中心的位置?问候和感谢罗伯特 最佳答案 或者你可以像这样将对象居中//addthei

html - Fabricjs HTML5 Canvas : Why are images so poorly resized?

当我将775x775图像添加到fabricjsCanvas并将其调整为大约90x90时,图像质量大大降低。但是如果我添加与相同的图像并缩小它,它保持其质量。为什么canvas图片质量这么差?如何使Canvas图像保持其原始质量,如是吗? 最佳答案 它可能应该去评论,但不幸的是我是新来的,我不能添加评论。但是,对我来说,这看起来像是抗锯齿问题。Canvas只是一堆像素-是否进行抗锯齿取决于您。然而,浏览器会对图片缩放进行一些抗锯齿处理(参见此处Disableantialisingwhenscalingimages)。这个问题可能与以下