如何禁用 freedrawfabricjs 选择

2024-02-04

在 FabricJs 中使用 FreeDrawing 绘制某些内容后,您可以选择绘制的内容并移动它。有没有办法禁用此选择?


如果您不需要在画布上进行任何交互,您可以使用静态画布

var canvas = this.__canvas = new fabric.StaticCanvas('c');

或者,如果您只想禁用特定对象(即最后一个画笔描边)的选择,您可以尝试在每次创建描边时调用以下代码:

canvas.item(0).selectable = false;
canvas.renderAll();

如果您需要其他对象的交互性,您也可以在画布初始化后立即定义它

fabric.Object.prototype.selectable = false;

所有新对象都将是不可选择的,除非您在要创建可选择对象时另外指定

var text = new fabric.Text('Honey,\nI\'m subtle', {
    fontSize: 250,
    left: 50,
    top: 0,
    selectable: true // make this object selectable
});
canvas.add(text);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何禁用 freedrawfabricjs 选择 的相关文章

  • 在 Fabric.js 中,如何修改对象类以便所有子类都将具有新的自定义属性?

    我正在寻找一种方法来扩展基本的 Fabric Object 类 它具有自定义属性 我可以保存到 JSON 并从 JSON 加载 这些属性会一直传播到各个子类中 具体来说 我想存储一个深度属性 这样当我从 JSON 加载对象时 我将能够向对象
  • 使用 Fabric.js 将背景图像拉伸到画布大小

    我在用Fabric js and Canvas设计一些卡片 我需要将背景图像拉伸到画布大小 但它不起作用 下面是我的代码 SCRIPT
  • 重新创建 Fabric.js 画布并导出为图像?

    我有一个画布 用户可以在其中使用另一个画布中的图像创建设计div他们点击 将其发送到 Fabric js 画布 并在其中移动等等 由于画布的大小是width 270 and height 519 比成品小 我需要用尺寸为的画布重新创建它wi
  • Fabric.js 逐像素操作 Image 对象来改变颜色

    我想获取 Fabric Image 对象的图像数据 以循环遍历每个像素 并在给定颜色为另一种给定颜色时更改其颜色 但是我不想获取整个画布的数据 仅针对该特定对象 像这样的东西 changeColor object targetColor r
  • 使用 Fabric.js 以编程方式创建和选择组

    假设我有一个包含 6 个对象的画布和一个位于画布外的按钮 当我单击此按钮时 其中 3 个对象将成为一组并被选中 对象将保持其相对于画布的位置 那可能吗 我尝试了很多事情 但都能成功 我正在寻找的解决方案如下所示 var objectList
  • 在fabric.js中编写乳胶公式

    我希望能够在 Fabric js 画布中用乳胶编写公式 也许可以使用 MathJax http fabricjs com fabric intro part 2 text http fabricjs com fabric intro par
  • 如何强制画布fabricJS刷新

    我目前正在使用fabricJS 版本1 4 0 画布 我有 100 个对象 我手动添加到画布上 但是对象仅当我单击画布上的任意位置时才出现 有没有办法强制画布自行刷新 这是我遇到的情况 如果它能以某种方式提供帮助的话 initComplet
  • 将一个旋转对象包含在另一个旋转对象中 FabricJS

    我有两个对象 一个父对象 红色 和一个子对象 蓝色 父对象是固定的 不能移动 只有子对象是可移动的 并且子对象总是比父对象大 无论以何种方式移动子对象 它都应该始终包含在子对象内部 这意味着我们永远不应该看到红色矩形 Demo https
  • 所选图像未显示在画布上

    我正在开发一个应用程序 用户可以从提供的图像列表中选择图像 当用户单击列表中的图像时 所选图像应作为背景显示在画布上 我正在使用reactjs redux 和fabricjs 开发它 当我这样做时 我没有得到选定的图像 this props
  • FabricJS:始终在画布上居中对象

    是否可以始终将对象置于 Fabricjs 画布的中心 背景 我正在构建一个网络工具 可以使用 Fabricjs 轻松创建复杂的动画 我希望能够将画布大小的宽度和高度设置为 100 因此 我想将所有对象放置在中心并为其添加 X Y 偏移 当我
  • 使用 Fabric.js 初始加载后修改fabric.Image.fromURL

    我正在使用Fabric js 库 并且我已经看到了很多有关如何使用 Image fromURL 从 URL 加载图像的示例 几乎每个示例都使用以下常规设置将图像分配给变量 var bgnd new fabric Image fromURL
  • 如何在FabricJs中设置相对位置(oCoords)?

    我在fabricJs中有一个文本 我设置了顶部和左侧 这会将 aCoords 正确设置为这些值 但是 oCoords 不匹配 并且文本未显示在正确的位置 我怀疑我需要以某种方式设置为 oCoords 以便文本显示在画布上的右侧像素坐标 顶部
  • FabricJS 文本框 - 某些字体的光标位置设置不正确

    在上图中 光标应该位于末尾 但由于某种原因 它被放置在最后一个字符之前 这只发生在某些字体上 我认为这与自定义字体的加载方式无关 该图像取自http fabricjs com loadfonts http fabricjs com load
  • FabricJS 触摸平移/缩放整个画布

    我需要在 FabricJS 画布上启用触摸缩放 平移 有些库允许在图像上执行此行为 请参阅捏缩放画布 https github com vash15 pinch zoom canvas 或通过鼠标单击事件 参见这个小提琴 http jsfi
  • Fabric.js 鼠标右键单击

    有没有办法在 Fabric js 画布上接收右键单击鼠标事件 以下代码仅适用于左键单击 canvas observe mouse down function console log mouse down NOTE 上面的大多数答案都已经过时
  • 无法将 javascript 库加载到 Meteor 应用程序中

    我在使用 Fabric js 库与 Meteor 应用程序时遇到问题 不幸的是 我无法完全完成将其添加到我的应用程序的阶段 更不用说调用它了 最简单的休闲方式如下 gt mrt create test gt cd test gt mkdir
  • 在 Fabric.js 中真正旋转等边三角形的中心

    使用 Fabric js 我无法真正围绕其中心点旋转三角形 或者至少我认为应该是中心点 我创建了一个jsFiddle http jsfiddle net UW8Be 这表明 三角形很简单 我用了originX center 原点Y 也是如此
  • 通过 Fabric.js 推送 D3.js 输出以支持 IE8?

    我正在评估Fabric js http fabricjs com 作为替代拉斐尔 js http raphaeljs com 用于创建与 IE8 兼容的交互式可视化 IE8 不支持 SVG 或画布 不幸的是 IE8 支持是不可协商的 Rap
  • Fabric js-在保存和加载回画布时缺少添加附加属性的扩展 toObject 方法

    我创建了一个带有矩形和文本的织物组 最后 我使用以下代码将自定义属性 名称 添加到组类中 我使用 JSON stringify canvas 将画布数据序列化为 JSON 并将 Json 字符串发送到 java 最后将 Json 字符串保存
  • Fabric js文本框换行一个长单词

    我正在使用一个自定义的文本框 它应该保持文本框的相同宽度 同时将一个长单词分割成一个新行 我已经修改了该库的维护者之一最初提出的解决方案 您可以在以下链接中找到该代码 这 wrapLine函数被覆盖 https jsfiddle net n

随机推荐