从SVG加载FabricJS作为画布对象，而不是路径

我做了一个快速测试来比较Snap.svg (SVG)和FabricJS (画布)： function dummy()。Fabricjs.com页面在中说，Raphael要225 ms，Fabric要97 ms (解析: 80，渲染: 17)。我有一种印象(在阅读了fabricjs.com和之后)，FabricJS<

浏览 4提问于2014-02-14得票数 4

2回答

我在将SVG导入到画布并在FabricJS中使用FabricJS()时遇到了问题。我使用的是版本"2.0.0.rc4“。fabric.util.groupSVGElements(objects, options);}); 使用这种方法，有些SVGs在画布上加载错误都是正确导入的，但是当我尝试在我的应用程序中使用缩放时，viewbox (容器)中SVG的形状会独立地调整它们的大小，就像被蒙住、裁

浏览 3提问于2018-01-19得票数 1

回答已采纳

2回答

在KineticJS中加载SVG

、

我正在尝试加载SVG文件，并希望使用KineticJS ( KJS )在画布上显示它，因此想知道是否可以使用KJS在画布中显示任意形状和路径的SVG文件？现在，通过不同的软件导出的SVG也有很大的不同，比方说，通过导出的SVG中有填充、笔划、笔画宽度等作为它们各自标签的属性，而通过Inkscape导出的SVG具有所有这些特性，即填充、笔画、笔画宽度等，它们各自的标记作为因此，我即将

浏览 0提问于2012-11-23得票数 4

1回答

在画布中使用svg对象而不是稀薄的图像对象

、、、

我正在尝试使用和画布创建一个像JavaScript这样的应用程序。我已经创建了一个使用kineticjs作为画布库的草稿。牙齿都是png图像，线条是由使用Line对象的动力学js绘制的。我的一位朋友建议我把所有的东西都画成一个大的svg (齿和线)，其中每一颗牙齿和一条线都是另一条可分辨的路径，在画布上加载它并使用id来操纵它们。我的意思是将svg存储起来，并使用fabricjs或kineticjs将其加载

浏览 1提问于2014-12-04得票数 0

4回答

将SVG绘制到画布中，并使用它们的ID操作绘制的元素

、、、

我将一个SVG文件加载到一个<object>标记中。我正在使用javascript来操作这个svg中的一些元素。但我想知道是否可以用画布做同样的事情。我也读过关于动态js、fabric js、canvas的文章，我看到了通过文件目录、xml或图像将svg文件加载到画布中的各种方法。但是，在将这个svg文件绘制到画布中之后，我可以通过元素的ID来操作它们吗？ SVG是使用创建的，每个层或组都可以使用css选

浏览 12提问于2013-09-11得票数 6

回答已采纳

1回答

由于转换:转换规则，无法看到画布上的SVG (使用fabricjs)

、、、

使用屏幕截图中的fabric.js将SVG加载到画布中有问题，您将看到边界框和图标不重叠：问题似乎来自SVG中的以下属性值：transform="translate(-255.7-577)"。我很难( fabric.js)弄清楚如何调整SVG，这样就不会发生这种转换了。任何指南，无论是特定于fabric.js的，还是只是一个本地画布方法，都将不胜感激。似乎找不出如何调整SVG对象中的路径。

浏览 1提问于2016-01-08得票数 1

回答已采纳

2回答

Fabricjs和图像urls的相对路径

当fabricjs序列化画布时，它会将图像源urls存储为完整路径，即使资源在服务器上是相对的(并且是作为相对路径加载的)。例如:assets/images/omeimage.png我导出canvas json，以便在需要本地文件系统的相对urls的混合移动应用程序中加载。(并且不想知道配置画布内容的服务器的url )loadImage: function(url, callback

浏览 0提问于2016-06-26得票数 3

2回答

在画布上使用矢量图形而不是位图绘制路径？

我目前正在通过实例化一个与背景图像相同大小的位图，然后用这个位图创建一个画布来做到这一点。然后在此画布上绘制。这一切都是正常的，但最好是将绘制的图形作为矢量数据，而不是位图，这样用户以后就可以在没有丑陋的线条等步骤的情况下放大。这有没有可能呢？

浏览 0提问于2011-05-10得票数 6

回答已采纳

2回答

调整SVG元素组的大小并可拖动

我正在开发一个SVG应用程序，现在我想让用户使用可拖动的边角来调整对象的大小，这与SVG-edit (http://svg-edit.googlecode.com/svn/trunk/editor/svg-editor.html该功能应如下所示:用户选择一个SVG对象，将其拖动到主“画布”上，一旦在“画布”上，对象外部的四个角出现，用户可以在每个角点上拖动并

浏览 2提问于2010-10-22得票数 0

回答已采纳

1回答

用Vue方法更新FabricJS对象

、、

我正在尝试通过Vue控件更新Fabricjs画布。我正在通过‘挂载()’初始化画布，但不知道如何在函数中访问画布而不将画布作为参数传递。 }); }TypeError: Cannot read property 'getObjects' of undefined 我觉得将画布存储到数据中并不是一个好主意

浏览 2提问于2021-02-21得票数 1

回答已采纳

1回答

如何裁剪viewBox之外的内容？

、、、、

是否有一个函数或方法可以裁剪位于viewbox之外的路径，而不只是隐藏它？

浏览 1提问于2013-02-25得票数 4

回答已采纳

1回答

FabricJS自定义字体在节点画布上呈现不正确

、、、、

当涉及到在AWS Lambda中使用FabricJS / node-canvas获取自定义字体时，我遇到了困难。字体正在加载，但当它们渲染到画布时，它们会完全损坏，并显示在单行上，而不是多行上。服务器端(AWS Lambda + node-canvas + FabricJS) ? 有没有人甚至对这里发生的事情有最模糊的想法？我尝试过更改charSpacing，但这不起作用:(我知道可以在浏览器中看到的内容的精确副本可以在节点画布中呈现，因为另一个服务正在使

浏览 60提问于2020-06-19得票数 0

1回答

调整SVG元素组的大小

、

我正在开发一个SVG应用程序，现在我想让用户使用可拖动的边角来调整对象的大小，这与SVG-edit ()非常类似。该功能应如下所示:用户选择一个SVG对象，将其拖动到主“画布”上，一旦在“画布”上，对象外部的四个角出现，用户可以在每个角点上拖动并拖动以放大对象。对象将是矩形的，并使用路径创建，而不是使用SVG‘rect’函数创建。对于如何实现这一

浏览 0提问于2010-10-21得票数 1

3回答