为选定对象合并不透明度滑块
我正在尝试合并一个不透明度滑块，以便根据滑块的位置(完全可见100个)将所有选定对象设置为更改.我正在使用fabric.js/master/dist/fabric.js和jQuery 3.3.1.我在这里做错了什么? 我基本上是在尝试在fabricjs.com上整合不透明度滑块. 我遇到此错误: “未捕获的TypeError:无法读取未定义的属性'opacity'" 我所拥有的: ht
..
fabricjs相关内容
Fabric.js FlipX和FlipY似乎不起作用
即使使用直接来自此处教程的代码- http://jsfiddle.net/thardy/E4Vcr/ rect.set('angle', 15).set('flipY', true); // doesn't work canvas.renderAll(); // this wasn't in the tutorial, but I'm pretty sure it's needed 这是
..
在1.3.9中默认未将originX和originY设置为居中
我只想通知您，您忘记将originX和originY设置为居中.我复制了最新版本，并注意到所有对象都已移动.我将原点设置为居中，然后一切看起来都像以前一样.在文档中，默认值也居中. 解决方案 这是最新的更改: 请检查以下内容: “> https://github.com/kangax/fabric.js/commit/330784ac2c7297cd34c2c7f85 #commit
..
fabric.js抵消解决方案
在用fabric.js处理偏移量时-最好的方法是什么? 我基本上是允许用户绘制一个框，并且我想确保已在拖动动作的确切开始和结束坐标处绘制了该框. http://jsfiddle.net/mojo5000/P7gAC/4/ ... left: x + width/2 - 8, top: y + height/2 - 8, ... 我基本上不得不对左值和顶值进
..
使用Spectrum Color Picker设置freedrawcolor
我有一个fabricjs画布，其中的颜色选择器通过按钮切换.我想为此设置freedrawcolor，但是没有任何运气.这是我现在正在使用的东西: https://jsfiddle.net/code4ever/7djLqobh/ var canvas = window._canvas = new fabric.Canvas('canvas', { isDrawingMode: tr
..
FabricJS:当我更改路径坐标时，路径的边界框无法更新
使用结构中的路径时遇到问题，当用户拖动第一个点或最后一个点时，我们需要始终更改二次线(路径)的坐标，路径照常更新，但是问题是路径的边界框不会随着object.path的每次更改而更新(请参见图片) (function() { var canvas = this.__canvas = new fabric.Canvas('c'); fabric.Object.prototype.o
..
在Fabric.js中处理可加载蒙版的正确方法
当尝试遮罩对象时，我有这个赏金打开 Fabricjs遮罩具有转换的对象与Fabric.js. 我正在开发的工具应允许用户在图像对象上绘制蒙版，并在蒙版之前或之后对该对象应用转换(倾斜比例旋转等).我即将获得此结果，但是有角度的对象仍无法正常工作. 我也在尝试使用toJSON和loadFromJSON将该对象保存到数据库中，但是在尝试完成几天后，我意识到该解决方案将不起作用，因为ctx范
..
如何使用enlivenObjects在Fabric JS中撤消重做
撤消重做功能可以很好地配合这段代码，但是如何使用fabricjs的enlivenObjects方法执行相同的操作.我希望使用enlivenObjects而不是loadFromJSON方法实现相同的结果.canvas对象容器中的对象应该能够撤消和重做.
..
使用画布将图像剪切为图像
这里有没有人在图像中裁剪过图像?到目前为止，我还没有看到有关在画布上裁剪的信息，但是它们都是常规形状(矩形，圆形等).如果有人真的做到了，那就太好了. P.S.使用fabric.js或仅使用常规画布. 解决方案 当然，您可以使用合成仅在第一个图像存在的地方绘制第二个图像: ctx.drawImage(image1,0,0); // this creates the 'mask
..
如何正确转换fabric.js中的整个画布/更改面料的来源?
我正在尝试设置布料，以便原点位于左下角而不是左上角.目前，我正在使用setViewportTransform，它会根据需要转换所有内容，除了选择框. (似乎无法实现转换)，我做了一个小提琴&；您会看到如果旋转矩形，选择框将以错误的方式旋转. 所以我的问题是，如何将fabric.js的原点设置在左下角? http://jsfiddle.net/39up3jcm/105/ 解决方案
..
如何创建自定义的fabricjs对象?
我必须创建一个自定义fabric.js对象(例如，fabric.Demo)，该对象扩展fabric.Group 对象. fabric.Demo对象将用于对其他两个fabric.Group对象进行分组.我在互联网上进行搜索，发现只有这些链接有用. 链接1 链接2 但是我收到此错误"this._objects未定义".我知道我还没有写_render().但是我不明白在_render()中
..
使用fabricjs的BitmapText
我研究了HTML5和更高版本中使用的字体. CSS3.我知道Web字体将支持Web字体(例如ttf/otf，eot，woff，woff2).但是，我需要在画布中使用 *.fon 字体(在本机应用程序中使用的字体). 我引用了链接可以将bitmaptext与扩展fabric.image一起使用.但是，我需要像fabricjs的普通文本对象一样使用bitmaptext.例如.字体样式，换行，行距
..
如何一键缩放pof canvas的所有元素?
我在一个项目中使用fabric.js. 我正在使用缩放功能.我想知道是否有一种简单的方法可以在单击时放大所有画布(包括所有元素). 解决方案 尝试一下此jsfiddle，演示按钮的单击放大效果: http://jsfiddle.net/cmontgomery/H7Utw/1/.本质上，您可以将所有对象放在画布上，并按相同的比例缩放/移动它们，从而获得缩放的视觉效果. var obje
..
从Threejs模型到用于纹理的Fabricjs画布的Raycast鼠标单击
我正在创建3D产品配置器. 首先，我加载.gltf模型并使用Threejs进行渲染. 然后，我将一个svg打印到Fabricjs画布上，并使用该画布制作一个THREE.CanvasTexture并使用该画布更新模型. 问题 我允许人们上传文本和图像.这些图像将作为新对象添加到Fabric画布.当主svg锁定在背景上时，可以在画布中拖动这些上载的图像并调整其大小. 屏幕快照
..
Frabricjs-限制文本输入区域
我正在尝试向画布添加一些输入字段/文本区域. 我想以某种方式设置可以显示此文本的区域->(x，y)-位置，宽度，高度.内容不应超出定义的区域. 是否可以自动更改字体大小，以使内容适合定义的区域? 例如此处的 http://www. my-wallsticker.de/index.php?cl=designer&html5=1&text=fabricjs 这是我的代码的一部分，在其
..
调整fabric.js大小以保持边框大小
我想调整fabricjs rect的大小，而不是缩放它，但是在拖动调整大小手柄时看到奇怪的行为.边框开始消失或重复.我已经尝试了稳定版1.7.19和beta 2.0.0的fabric.js. 这是我使用的代码的本质: canvas.on('object:scaling', function(){ var obj = canvas.getActiveObject(),
..
Fabric JS中的画布客户端大小
在通常的画布中CSS宽度和客户端宽度可能彼此不相等，如何在Fabricjs上获得此宽度?例如:我要在页面上放置640 * 360px画布，并在其中放置1280 * 720px的图像. 我知道我可以缩放图像，但是dataUrl会给我一张较小的图片，不是吗? 解决方案 有一个解决方案.您可以使用CSS大小来初始化Fabric.js，然后使用backstoreOnly标志来初始化setDimen
..
无法使用Fabric.js调整画布/缩放大小
出于良好的用户交互目的，我需要将大画布显示为较小的画布，但稍后再上传大画布.我正在使用Fabric.js，并尝试使用Canvas css技巧，在HTML中设置画布的宽度/高度，然后通过CSS将其设置为较小的宽度/高度，如此处所述: fabric.js调整画布大小以适合屏幕 当我尝试如下调整大小时，它使画布为300x150(默认画布)，并且不尊重我的CSS. HTML:
..
fabricjs对象/画布手动触发事件
我想手动触发* 在画布事件上选择对象* -在对象区域中单击鼠标并选中对象时触发的同一事件-控件变为可见 因此，换句话说，我想手动显示画布上指定对象的控件，而无需用户/鼠标交互.有帮助吗? 在文档中找到了 解决方案 解决方案. 如果有人在寻找答案- fabric.Canvas.setActiveObject(fabric.Object) ... 如何找到解决方案: 我知道
..
织物-鼠标悬停前如何呈现免费的绘图内容
我有一个在事件"after:render"上消耗fabricjs画布内容的组件，它与所有功能(例如添加对象，移动它们等)都很好地配合使用. 但是，当涉及到免费绘图时，"after:render"事件仅在绘图完成后才触发，即鼠标上移事件.我试图在绘制鼠标时读取画布数据，但是没有运气，显然在绘制过程中内容尚未呈现到画布上. 我了解到，从此PR https://github.com/fabr
..