1回答
我想使用Fabric.js将SVG图像加载到画布中，并可以访问它的所有属性。我尝试了3种方式使用Fabric.js : 1.(另存为字符串)-此方法不加载我的图像，我使用其他SVG和属性可以通过svgImg.fill.color属性访问。fabric.Image：
<img id="Test_Img" src="
浏览 103提问于2019-12-02得票数 0
使用屏幕截图中的fabric.js将SVG加载到画布中有问题，您将看到边界框和图标不重叠：
问题似乎来自SVG中的以下属性值：transform="translate(-255.7-577)"。我很难( fabric.js)弄清楚如何调整SVG，这样就不会发生这种转换了。
任何指南，无论是特定于fabric.js的，还是只是一个本地画布方法，都将不胜感激。似乎找不出如何调整SVG对象中的路径。
浏览 1提问于2016-01-08得票数 1
回答已采纳
4回答
分析SVG路径元素中的%d属性
、、、、
我正在尝试解析SVG Path元素中的d属性，到目前为止，我发现fabric.js可以解析SVG，但到目前为止，我仍然不知道如何解析。我需要解析路径，以便获得其中的形状(线、弧)，并在其上绘制正方形，最重要的是返回这些正方形的属性。
你知道如何使用fabric.js来做到这一点吗？或任何其他库？？或者有人有不同的方法？
浏览 3提问于2012-02-23得票数 5
回答已采纳
2回答
我喜欢将svg加载到我的qooxdoo gui中，将一些事件处理程序链接到svg元素(pointerdown，pointermove)，并从外部操作svg元素(style.transform=rotate因此，我需要从qooxdoo级别访问svg元素。但是如何将svg嵌入到qooxdoo中而不仅仅是作为一个图像呢？是否支持在qooxdoo中处理svg？我找到了一种在html5中嵌入svg的方法。在这里，您可以通过标签: object嵌入svg<
浏览 2提问于2017-06-07得票数 0
我们使用这个库已经有一段时间了，我们在尝试缩小一些png/jpeg图标时遇到了一些麻烦。不管我们尝试了什么，结果都会是模糊的图像。因此，我们决定.svg是前进的道路。当试图使用.svg ()函数加载fabric.loadSVGFromURL时，控制台会回复为‘TypeError: n.reviver不是函数’。我们希望使用fabric.loadSVGFromURL()而不是fabric.Image.fromURL()的原因是，后者似乎只显示了.svg的一个部分，而不是整个组。(
浏览 0提问于2021-04-20得票数 0
但如果图像是光栅，我将使用机器学习模型“超级分辨率”来放大它。目前，在下面的代码中，我每次都使用toDataURL返回图像的光栅化版本，但是，为了达到上面的目标，我想知道如何首先识别对象src的“类型”，如果它是光栅还是矢量化的。
浏览 7提问于2022-10-19得票数 1
我正在尝试使用fabric.js API将一个SVG文件导入到我的画布中。fabric.loadSVGFromURL('svg/1000.svg', function(objects, options) {DOCTYPE svg PUBLIC "-//W3C//
浏览 2提问于2014-10-05得票数 1
回答已采纳
假设我有一个HTML5画布(在本例中使用fabric.js)，并且我想更改画布上的光标，以表示所选择的画笔大小和颜色。我认为应该有一种方法可以通过使用JS动态更改SVG的属性(大小和颜色)来实现这一点，这样我们就不必使用多个图像。如果这是可能的，有什么想法吗？fabric.Canvas(c, { freeDrawingCursor: 'url("img/cursor.<
浏览 36提问于2016-08-18得票数 3
回答已采纳
我使用fabric.js将svg转换为canvas，我使用的代码在chrome中运行良好，但在IE11中创建的canvas被污染，从而阻止我从canvas读取数据，下面是我使用的代码 d3canvas.id = canvasId;
fabric.loadSVGFromString(svg.nodecanvasdata = d3canvas.toDa
浏览 13提问于2017-03-09得票数 1
我在Fabric.js中加载某些SVG文件时遇到了问题，而不对其元素进行分组。具有分组的：不分组的：
两个屏幕截图都与使用时的结果相对应。然而，我在编写自己的程序时得到了同样的结果。正因为如此，我认为该文件在非分组版本上所观察到的扭曲是由于一些SVG元素(可能是转换或组？)。库的SVG
浏览 7提问于2015-08-04得票数 0
1回答
我目前正在使用fabric.js库和输入文件按钮将png或svg文件导入到画布上。只有当图像位于根文件夹中时，下面的代码才能工作。我知道我没有访问文件路径的权限，所以我尝试在文件中创建一个元素。我使用fabric.js是为了能够缩放和移动画布中的图像。
浏览 4提问于2017-06-25得票数 3
回答已采纳
1回答
我正在将svg加载到画布中，并对其进行缩放以适应画布。然后，我需要访问单个对象。这个是可能的吗？var url = 'http://fabricjs.com/assets/107.svg'; var svg = fabric.util.groupSVGE
浏览 3提问于2016-01-30得票数 0
1回答
只是好奇谷歌，并没有找到一个真正令人信服的方法(尚未)，使一个动画网页使用我自己的矢量图像。我真的很喜欢画画，并希望我自己更深一点，用我自己的矢量图制作一个交互式网页(没有闪光灯)。使用javascript来制作网络动画，对其他像我这样的新手来说也是件好事，在我把脚趾伸向大海之前，这可能是一个考虑因素。
浏览 2提问于2013-08-15得票数 1
回答已采纳
1回答
如何在Fabric.js loadSVGFromString方法中设置SVG大小？我找不到适合父对象(groupSVGElements)的解决方案。也检查了文档，但是无论我看到什么地方，它们总是使用带有SVG大小的画布大小。
示例：
浏览 4提问于2017-04-04得票数 0
回答已采纳
1回答
动态替换SVG+XML文件
、、、、
我使用Fabric.js创建一个画布。我可以用canvas.toSVG()作为SVG+XML数据保存整个画布。我试图实现的是获取画布的动态映像，当某个事件发生时(在本例中，它是按一下我的按钮)。现在，我想在对象标记中用旧的SVG替换新的SVG。test2.xml" type="image/svg+xml" id="emb1" name="emb1" width="1000">
<
浏览 3提问于2014-02-11得票数 0
1回答
无法将此处定义的svg /向量加载到Fabric中。当我将它加载到厨房水槽演示中时，如下所示：
下面是一个natively，它显示了在浏览器中本地显示的向量：会喜欢一些帮助找出织物是否可以渲染这个图像(和其他喜欢它)。
浏览 1提问于2016-01-31得票数 0
回答已采纳
Fabric 建议可以使用fabric.Image.fromElement(element, optionsopt, callback) → {fabric.Image}从SVG元素创建图像。代码示例： .then((response) => response.text())
.then((svg)
浏览 1提问于2018-11-12得票数 0
回答已采纳
我正在导入一个简单的SVG，包括两个路径。它们都有CSS类。
一旦加载到我的画布，我想访问这些类。有可能吗？我尝试使用myPath.class，返回未定义的，检查我的对象本身没有显示任何看起来像我的类。
浏览 0提问于2019-01-03得票数 0
回答已采纳
我需要输出织物画布绘图的结果到一个SVG文件。我使用的是fabric.js版本1.7.6，当我使用rgba (如rgba(255,0,0,.15) )绘制到画布上的路径时，生成的SVG有一个rgb(0,0,0)填充。示例HTML： <head> </head>
浏览 4提问于2017-06-14得票数 1
回答已采纳
正在使用Fabric.js画布问题:在单击缩放、摇摄或对象时，存在明显的滞后。删除Fabric.js会提高性能吗？
切换到WebGL会提高性能吗？
浏览 14提问于2017-03-31得票数 6
云服务器
对象存储
ICP备案
云点播
实时音视频
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号