fabricjs相关内容

在JSON FabricJS中包含图像数据

我正在尝试使用FabricJS Canvas，我想将Canvas导出为JSON。 我尝试过同时使用new fabric.Image和fabric.Image.fromURL加载图像，它们都工作得很好。 现在我想从Canvas获取JSON。但我想要两种JSON。其中图像的src将链接到我最初使用的图像。另一种方法是直接在JSON上添加Base64数据。所以我尝试使用canvas.toJS ..
发布时间：2022-08-10 22:16:38 前端开发

不同屏幕分辨率和宽高比下的Load From JSON

我需要能够将loadFromJSON与生成JSON数据时使用的画布分辨率/纵横比一起使用，同时保持图形元素的关系并使画布中的所有内容居中。 我已经尝试了我所见或想出的每一种解决方案。在这一点上，我不知道是我的逻辑不好，是我的算术还是我的编码。 此处包含功能代码(从我失败的尝试中剔除)。只有第一个函数很重要，其余的是UI样板和JSON数据。这里有一个JS小提琴，如果这更容易的话：http ..
发布时间：2022-04-07 14:10:01 前端开发

移动对象时检索象限名称(原点)-画布，Fabric.js

感谢您花时间阅读，并可能对您有所帮助。所以我开始尝试画布和Fabric.js--什么体验都没有。 我遇到了一个绊脚石，那就是获取原点，或者更确切地说，是移动物体的位置。无论对象移动到何处，OriginX，OriginY似乎始终是相同的值。 对于可视指示器，我创建了一个图像： 我不明白的是，为什么OriginX和OriginY总是位于左侧，而位于顶部？我假设这是Offset？的控件 ..
发布时间：2022-04-07 14:08:04 前端开发

如何使用三个ejs加载Fabrijs作为obj的纹理

我正在尝试使用三个ejs为我的3D模型添加SVG作为我的3D模型的纹理，目前我的3D模型使用SVG作为纹理，它工作得很好，除非我将Fabricjs映射为SVG将移除的纹理，所以我认为最好将SVG放到Fabricjs画布上。 function set_materials(response) { var baseSvg = document.getElementById("svgCon ..
发布时间：2022-04-07 14:03:31 前端开发

在Fabrijs的回调中，反应状态始终返回前一个(或初始)状态

下面的代码是我的最小问题再现组件。它初始化Fabric Canvas，并处理&模式和状态。模式状态确定是否可以编辑画布，并由一个简单的按钮控制该状态。 问题是，即使mode,setMode正常工作(意味着-组件分析器在按钮单击后显示正确的状态，按钮内的文本也显示正确的状态)，modeFabric事件回调中的钩子返回的状态仍然返回初始状态。 我认为问题是因为函数作为回调传递到Fabric ..
发布时间：2022-04-07 14:02:30 其他开发

对象捕捉到Fabric.js上的客户网格

我正在构建一个应用程序，我需要在MouseMove上将对象捕捉到一个网格，但我不需要一个常规的网格，而是一个自定义的网格。我找到了这个Fiddle，并试图放置我自己的栅格，但对象没有捕捉到它。我需要的是对象的中心，以便捕捉到由两条网格线形成的十字。 这是我的代码： 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> var canvas = new ..
发布时间：2022-04-07 14:00:35 前端开发

使用角度向Fabric.js对象添加自定义属性

如问题中所述，我正在尝试向Fabric.js对象添加自定义属性。 我已尝试 rect.customAttribute = value 但这阻止了编译，我得到以下错误： 对象文本只能指定已知属性，并且“”IRectOptions“”类型中不存在“”CustomAttribute“”。 我也尝试了函数toObject()，但找不回我的属性并设置它。此外，在使用toObjec ..
发布时间：2022-04-07 13:58:00 其他开发

Fabric JS clipPath：裁剪后如何将图像适配到画布上？

我使用FabricJS和clipPath属性实现了图像裁剪。 问题是如何在裁剪后使图像适合画布？我希望裁剪的图像填充画布区域，但不知道是否可以使用Fabric js。 因此，在用户单击裁剪按钮后，我希望图像的选定部分适合画布大小： 关于代码：我在画布上画了一个矩形，用户可以调整大小并移动它。之后，用户可以点击裁剪按钮，获得裁剪后的图像。但裁剪后的部分保持原始图像上的大小不变，而我 ..
发布时间：2022-04-07 13:55:13 前端开发

如何通过点击任意点选择/拖动来旋转Fabrijs中的线？

我有一条线，其一端位于用户可以旋转或拉伸的固定点。 jsfiddlehere 似乎在Fabric JS中，选择要旋转的线/对象的唯一方法是中间的小选择框。另外，线很窄，所以很难选择。通常，用户必须在直线上拖动一个矩形选择框以将其选中，然后抓取未标记的旋转框。 我想将其简化为：单击线上的任意位置并拖动以旋转。 想法？ thx. 代码片段： var canva ..
发布时间：2022-04-07 13:53:34 前端开发

在旋转物体后，是否可以得到垂直矩形的左、上、右位置

旋转对象后，是否可以获得虚拟矩形的左、上、右位置？ 推荐答案 您要查找的是对象的绑定矩形： getBoundingRect(ignoreVpt)对象{→}返回对象的坐标 边框(左、上、宽、高)框的方向为 与画布轴对齐。 返回：具有Left、Top、Width、Height属性的对象Type对象 引用：fabricjs sourcecode 数据-lang=“js”数 ..
发布时间：2022-04-07 13:51:43 前端开发

在文本框中隐藏不支持的字符

如果字体不受支持，则隐藏文本框中不受支持的文本。 我添加了一个文本框，应用了一种字体，并添加了一些文本、数字和特殊字符，a-z字符显示得很完美，但数字和特殊字符显示在默认浏览器支持的字体中。我已经附上了相同的屏幕截图。 原始字体呈现 在画布上渲染 推荐答案 您可以使用空白字体作为备用字体：😁 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“ ..
发布时间：2022-04-07 13:49:09 前端开发

Fabric JS绘制具有活动形状的多边形

我需要创建仪器绘制多边形在我的项目与织物js。 我发现sctipthttps://github.com/taqimustafa/fabricjs-polygon非常适合我。 但此脚本适用于Fabric 1.6.3，而我使用的是1.7.11。 我对Fabric 1.7.11和activeShape有一个小问题。 ActiveShape仅在第一个点和最后一个点之间90度的区域中绘制。 下面 ..
发布时间：2022-04-07 13:47:00 前端开发

Fabric.js混合模式-混合图像为黑色

我正在尝试使用Fabric.js中的混合滤镜，但找不到我做错了什么：应用该滤镜的图像变为黑色 var canvas = new fabric.Canvas('c1'); var bgImg = fabric.Image.fromURL('url', function (oImg) { canvas.add(oImg); }, { crossOrigin: 'Anonymou ..
发布时间：2022-04-07 13:44:12 前端开发

Js：如何填充自由手路径来绘制形状？

在Fabric.js中，我们可以绘制徒手路径(例如http://fabricjs.com/freedrawing)。 但是，在HTML画布2D上下文CTX中，我还可以绘制一个路径，然后调用 ctx.ill() 若要填充路径并在路径之外生成填充形状，请执行以下操作。 示例代码：当鼠标打开时，路径已填满。 function draw() { ctx.lineCap = ..
发布时间：2022-04-07 13:42:05 前端开发