如何为Fabric.js启用响应式设计
是否可以通过浏览器调整Fabric.js画布的大小以在任何设备上启用相同的结果?我说的是响应式设计. 有人有代码示例吗? 解决方案 基本上，您需要获取设备屏幕的宽度和高度.然后，只需在Javascript中相应地调整画布的大小即可.示例: var width = (window.innerWidth > 0) ? window.innerWidth : screen.width
..
fabricjs相关内容
Fabric.js中的箭头
我正在尝试使用fabricjs创建箭头形状.到目前为止，我最好的方法是添加一条线和一个三角形，然后将它们组合成一个复合组.但是问题是，当我调整箭头的大小时，箭头会拉长，效果不好. 我要问的是，您将如何在fabricjs上创建一个箭头对象，该对象只能在不拉伸箭头的情况下纵向调整大小. http://jsfiddle.net/skela/j45czqge/
..
Fabric.js-图像质量差
这是加载到画布上的svg图像.如您所知，它看起来非常像光栅图像.为了提供更多背景信息，浅蓝色框为1000px x 400px. 还请注意，IText对象的图像看起来像是光栅图像，而不是矢量图像. 任何人都知道这里发生了什么以及如何解决? ---更新--- 抱歉，这花了很长时间才出来...我被旁听了，但是按照要求:
..
触摸事件等效于鼠标按下
我正在尝试在画布上使用mouse:down事件，例如: canvas.on('mouse:down', function(options) {} 如何使用touchstart事件处理程序? 解决方案 我希望这会有所帮助 // TOUCH EVENTS canvas.addEventListener("touchstart", function (e) { e.preve
..
使用fabricjs在旋转图像上未更新左上角坐标
当我在fabricjs中旋转图像时，旋转后不会更新左上角的坐标.而是，图像的左上角仍然指向旧点.我相信它应该根据图像的新位置重新计算左上角.有没有办法做到这一点?感谢您的帮助！ 下面是图像旋转的代码: function rotate(){ activeCanvas.forEachObject(function(obj){ if(o
..
在HD图像上应用WebGL滤镜可剪切图像(织物V2-beta-6)
当前与 fabric 2.0.6 一起在高清图像上应用滤镜.我需要在最少的时间内应用过滤器.为此，我正在使用webGL方法来应用过滤器，如此处(fabric.js演示)所述.如果将其应用于大小小于等于1 MB的图像，则可以很好地工作，但图像大小大于该大小时，过滤器的效果确实很好，但这样做会剪切图像.附加测试图像并应用灰度滤镜作为参考 原始图像(大小1.90 MB) 应用过滤器之前的外观
..
FabricJs-克隆对象会丢失自定义属性
我已经在SVG对象以及SVG对象中的路径上设置了自定义属性. 我添加到画布上的每个对象也都分配了一个'id'属性，以及我用来与该应用程序中的对象进行交互的其他一些属性. 到目前为止，当我克隆这些对象时，我已经能够保留SVG对象上的属性，方法是在克隆之前将它们存储在会话变量中，然后在克隆后将它们重新添加. 我的问题是在每个object.paths上设置的属性.对于每个路径，我都有一
..
Fabric.js:如何通过鼠标绘制多边形
我想在Fabric.js中通过鼠标交互绘制一个fabric.Polygon. 我做了一个小jsfiddle来显示我的实际状态: http://jsfiddle.net/Kienz/ujefxh7w/ 按ESC键后，将取消“交互式绘图模式"，并最终确定多边形.但是现在多边形的位置是错误的(控件是正确的). 有人有主意吗? 解决方案 有两个解决方案，它们非常简单: 解决方案#
..
fabric.js:我的fabric.Object子类的_render方法永远不会被调用
调用initialize方法，但不调用render方法. 我在 fabricjs网站上了解了有关子类化的内容，并查看了 var CustomCircle = fabric.util.createClass(fabric.Object, { type: "customCircle", initialize: function (options) { this.callSuper('in
..
fabricjs 1.6.3:为什么总是在顶部显示活动对象
我的问题的很好的演示: http://fabricjs.com/hovering 如果选择任何项目，它将显示在顶部. 在早期版本(1.5.0-1.6.2)中，此问题不存在. 对不起，英语不好. 解决方案 如果您不希望这种行为，可以将 preserveObjectStacking 设置为true.在此处检查文档: http://fabricjs.com/docs/fabric.Canvas.
..
FabricJS-移动路径时，“路径"对象不会更新
以前，我在 Line 类/fabricjs.com/"rel =" noreferrer“> FabricJS 允许用户在画布上绘制线条.现在，我需要实现曲线，但是由于Fabric的Line类不支持二次曲线，因此我重新编写了代码，以使用路径类. 以前，画一条线时，如果在画布上移动该线，x1，y1，x2和y2值将自动更新，这使得更新我创建的起点和终点锚点的位置变得容易(只是可以使用与在Adob
..
Fabric.js-分组的iText不可编辑
标题说明了一切.当fabric.IText是fabric.Group的一部分时，它不再像可编辑的文本那样反应. 这是一个用例: http://jsfiddle.net/vAjYd/ 有没有办法解决这个问题?否则，我必须在群组上写我的内容. Btw:fabric.Group具有许多优点，但是禁用的事件使其无法用于UI元素(即，该用例或成组的文本和矩形按钮组). 解决方案 当
..
FabricJS双击对象
每当用户双击位于画布内部的任何对象时，我都试图执行特殊操作.我已经阅读了文档，但在文档中未发现任何类似mouse:dblclick的事件.我尝试做类似的事情: fabric.util.addListener(fabric.document, 'dblclick', callback); 哪个会触发dblclick事件，但不提供有关在画布上被单击的实际对象的特定信息. 对大多数Fa
..
如何结交Fabric.js和Redux的朋友?
有没有可以同时使用Fabric.js和Redux的方法? Fabric.js状态应该用作存储的一部分，但它不是不可变的，并且可以通过用户画布交互来使其自身发生变化.任何的想法?谢谢. 解决方案 我从我的React-Redux和Fabric.js的实现中提取了一个小例子. 它的工作原理是简单地通过fabric.toObject()获取整个fabric对象，将其保存为状态并通过fabri
..
在Fabric.js中设置对象拖动限制
我是Fabric JS的新手，想要设置拖动限制我也尝试使用 https://github.com/kangax /fabric.js/wiki/事件处理 无法获得解决方案. 请检查附件中的图像，对象可以移动任何软件，但应仅在红色区域显示.我想要这个.帮帮我...谢谢！ 解决方案 对我有用的是为object:moving事件创建事件侦听器.当移动发生时，您将更新toptop和go
..
使用stateProperties和hasStateChanged在fabric.js中实现撤消/重做
编辑:此问题的范围有所变化.请在下面查看更新. 我一直在为fabric.js进行各种撤消/重做操作(请参阅 fiddle ).尽管很幼稚，但它在大多数情况下都起作用(用于添加/删除/移动或调整单个对象的大小或添加/删除对象的组)，但不适用于移动或调整对象组的大小.在小提琴中，请注意onObjectSelected()函数的控制台输出. 要了解我的意思，请在小提琴画布上绘制一些对象，然后
..
Fabricjs文本框使文本缩小以适合
我将定义一个文本框(单行) 默认情况下，字符大小为16(例如) 当文本大于文本框时，我不希望它换行或文本框变大，我希望文本大小适合文本框的最大大小.文本.当文本变小时，它可以恢复其初始大小(在我们的示例16中).可能管理最小尺寸 如果您有想法，我接受:) 预先感谢 测试用例: http://jsfiddle.net/Da7SP/273/ // initializ
..
如何在Fabric.js中获取多边形点
我通过捕获鼠标在画布上的点击然后将这些点传递到fabric.Polygon来绘制多边形.因此，我以这种方式绘制了多个多边形. 我需要知道的是，我想获取现在选择的多边形的鼠标坐标(画布上的像素点)吗? 我尝试过: canvas.getActiveObject().get('points'); 但这给出了一些负值和一些正值. 那么，您能告诉我一种找出多边形点的方法吗?
..
在画布边界范围内移动对象
我试图将移动对象限制在画布中，但是我在移动具有顶部和左侧限制区域的对象时遇到了一些困难，当我缩放具有较大尺寸的对象时，我也无法限制对象的移动.画布左侧和顶部的移动对象 canvas.observe("object:moving", function(e){ var obj = e.target; // if object is too big ignore
..
Fabric.js如何缩放对象但保持边界(笔触)宽度固定
我正在开发基于fabricjs的图表工具.我们的工具具有基于svg的自己的形状集合.我的问题是缩放对象时，边框(笔触)也是如此.我的问题是:如何缩放对象，但保持笔触宽度固定.请检查附件. 非常感谢！ 解决方案 下面是一个简单的示例，其中在对象的比例尺上，我们保留对原始笔触的引用，并根据比例尺计算新的笔触. var canvas = new fabric.Canvas('c', {
..