防止在fabric.js调用的函数中进行延迟评估
此答案为如何向特定对象而非画布上的所有对象添加“链接"(实际上是重定向到URL的事件)提供了有益的说明: 如何将URL添加到Fabric中的图像.js? 但是，当放置在生成多个对象的循环中时，它仅链接到创建的最后一个对象的值. 这是一个例子: for (var p = 0; p
..
fabricjs相关内容
fabricjs clipTo无法正常工作
我有一个简单的脚本，例如: fabric.Image.fromURL(url, function(oImg) { oImg.set({selectable:false}) oImg.clipTo = function(ctx) { console.log("ctx") console.log(ctx)
..
在Fabric.js中真正旋转等边三角形的中心
使用Fabric.js，我无法真正围绕其中心点旋转三角形，或者至少我认为应该将其作为中心点旋转.我创建了一个 jsFiddle 进行演示.三角形很简单，我使用originX: 'center'并将它与originY相同，但是随着三角形的旋转，在x和y方向上仍然会有轻微的移动.如何确保三角形永不移动? 我找到了这个答案，并且想知道这是否是正确的方法? 如何围绕fabric.js中的一个指定点旋
..
Fabric.js-在不按住鼠标键的情况下移动对象
在Fabric.js中，可以通过左键单击，按住并移动鼠标来在画布中移动对象.在这种情况下，所选对象跟随鼠标光标，并且触发object:moving.释放鼠标左键退出此模式. 是否可以更改此行为，并让对象通过不同事件进入此模式?例如，单击一次使对象跟随光标(并正确触发object:moving)，然后再次单击以将对象释放到最终位置? 考虑到已经实现了该功能，我希望避免从头开始编写此代码，
..
如何在FabricJS中将旋转点位置更改为底部?
如何将“旋转点"的位置更改为底部(请参见下图)? 这是选择对象的配置控制点的链接指南. http://fabricjs.com/fabric-intro-part-4#customization 谢谢！ 解决方案 只需使用角度将圆旋转180度，如果对象不是圆，则“旋转点"位于底部，添加flipY混合以保持物体直立.
..
fabric.js中的mouse:down vs.mousedown
这是一个fabric.js示例，其中包含一个画布和一个矩形，每个示例上都有一个鼠标按下处理程序: var canvas = new fabric.Canvas('c'); var rect = new fabric.Rect({ left: 100, top: 100, width: 50, height: 50, fill: '#faa', }) can
..
如何使用Fabric JS以编程方式自由绘制?
使用Fabric js构建多人涂鸦. 尝试使用Fabric js实现多人涂鸦，其想法是，当U1在画布上绘制时，我们将这些点推到RTDB上并在客户端上获取这些点，并以编程方式在两个客户端上绘制笔画. 解决方案 例如，您可以将画布的数据保存在path:created上(或其他 loadFromJSON() . var canvas = new fabric.Canvas(docum
..
Fabric.js对象控件在画布外部可见
我正在将fabric.js用于html 5交互式canvas应用程序.如果对象的缩放比例大于画布，则控件在画布外部不可见.如何使其在画布外可见，或者有没有办法在CSS中设置这些控制器的样式. 解决方案 因此，在fabricjs中，控件是在画布上呈现的，因此无法在画布外设置控件. 您仍然可以通过这种方式获得效果，这只是一个痕迹. 使画布大到窗口的100％，或者要比绘图区域大得多.
..
碰撞检测面料js
我正在使用Fabric js，我使用以下函数将图像放置在画布上，当我在画布上单击时，将图像放置在该位置上，我想知道是否可以通过某种方式检查天气已经存在于我点击的位置，特别是是否有其他图像 document.getElementById("door").onclick = function () { canvas.on('mouse:down', function
..
将FabricJS与React-Native一起使用
我有一个基于ReactJS并广泛使用FabricJS的应用程序.我们计划重用大量代码，并使用React-Native构建移动应用程序，但我不确定如何将FabricJS组件集成到其中. 该应用类似于 https://www.my-wallsticker.de/wandtattoo-selber-gestalten/ 我找到并使用了 https://www.npmjs.com/packag
..
如何在Mozzila上获取fabric.js画布鼠标坐标
这是在谷歌浏览器上运行的代码 var pointer = canvas.getPointer(event.e); var posiX = pointer.x; var posiY = pointer.y; posiX=Math.round( posiX ); posiY=Math.round( posiY ); 在mozzila上，我收到"TypeError:事件未定义"，它指向
..
我想使用caman js和fabric js对同一画布中的图像产生影响.我怎样才能把它们结合起来?
我想同时使用caman js和fabric js来实现图像效果.我试图合并代码，但它给出了两个图像而不是一个图像.我该如何结合caman js和fabric js并解决此问题? 我参考: http://camanjs.com/和 解决方案 我认为没有直接的方法可以将面料和caman结合起来.这是我使用的一种变通方法(只是一个简单的方法.您可以根据自己的意愿进行增强): HTML
..
fabric.js直线，然后单击选择
我为此代码设置了3种模式: 选择行 画线和 删除行. 它似乎正在工作.但是我想改变两件事. 例如，每次我选择一条线时，我只需要单击它即可. 您能告诉我如何改善代码吗? 谢谢您的回答. 这是我的代码:
..
如何使用英寸和英寸等单元毫米面料js
我正在研究Fabric js应用程序&我需要使用英寸和英寸等测量单位毫米 我尝试过此代码&它显示为空白 所以我的问题是如何使用英制&毫米的面料js a = new fabric.Rect({ top:0, left:0 , fill: '#000', width: 50mm,
..
通过平移&计算画布中的绝对坐标.飞涨
更改视口位置和缩放级别后，如何计算画布的特定位置(例如，底部中心)? 现在我正在尝试类似的事情.但这仅适用于视口. canvasPoint = { left:(canvas.width/2)-canvas.viewportTransform[4], top: canvas.height-canvas.viewportTransform[5] } 当我缩小或放大时，我无法
..
未选中时在Fabric Textbox上绘制边框
在此jsfiddle中我有一个Fabric(版本1.x)文本框，该文本框具有红色选中时为边框，可编辑文本时为蓝色边框.当文本框未选中时，我需要一个边框.如何实现? HTML JavaScript var canvas = new fabric.Canvas('c'); var
..
Fabricjs，组中的行变得模糊
当在一组中渲染线时，我越模糊的线结果就变得越模糊.例如，在下面的代码段中，我渲染了500行，并且您可以看到它不是我期望的1px宽度. 这是为什么?我的团队规模很大还是我犯了另一个错误? var canvas = new fabric.Canvas('c'); var lines = []; for (var i = 0; i
..
setAngle不是fabricjs函数
我最近开始使用fabricjs，并且对连接对象有疑问.我确实为从parent object到child object的连接创建示例演示，并用箭头连接.我得到了示例演示http://kpomservices.com/HTML5CanvasCampaign/campaign.html.此代码应与结构1.4.2.一起使用.对于版本2.3.3无效的代码，可能有类似的代码. 错误functions.j
..
设置结构对象的最小和最大调整大小限制
我正在使用Fabric js调整对象的大小，我希望用户使用最小和最大限制来调整对象的大小.如何使用Fabric JS做到这一点. 我尝试过类似的属性 lockScalingX，lockScalingY，lockMomentX，lockMomentY但没有运气. 任何帮助将不胜感激. 谢谢 解决方案 无法在结构中本地执行此操作，但是您可以加入缩放事件并对所需对象进行任
..
如何在fabric js中将图像添加到多边形?
1 当我尝试向图像中添加图像时，我正在创建具有定点的多边形多边形对象.图像不在多边形中渲染.它是从画布的起点渲染的.以下是我使用的代码.请告诉我我在哪里做错了. 感谢您的帮助！ Jsfiddle链接 https://jsfiddle.net/u3bfscom/6/ 添加点并创建多边形，然后添加纹理. fabric.Image.fromURL('https://image
..