可缩放矢量图形（SVG）是一种基于XML的二维矢量图形格式，也可以在HTML中使用。不要仅仅因为您的项目使用SVG而添加此标记。相反，如果您的问题是关于SVG或与其密切相关的问题，请添加标记，例如如何使用SVG实现某些功能。
在 matplotlib savefig 后放大时，.svg 图中的边缘不相交
我正在尝试使用 Python 和 matplotlib 生成 svg 文件。我使用的代码的更简单版本如下： 将 matplotlib.pyplot 导入为 plt plt.figure() plt.fill([0,1,0.5],[0,0,1],...
我正在尝试使用 Python 和 matplotlib 生成 svg 文件。我使用的代码的更简单版本如下： 将 matplotlib.pyplot 导入为 plt plt.figure() plt.fill([0,1,0.5],[0,0,1],...
我想找到一种方法来获取SVG路径中最长线段的长度。由于路径可以从一个点跳转到另一个点，因此 getTotalLength() 命令不起作用。作为一个简单的例子，看看...
我有一个问题，因为我正在学习 svg 并且我已经制作了一个基本动画，但我想用渐变填充第二个矩形。第二个矩形的颜色始终是灰色或黑色...
我已经厌倦了这个，但它不像预期的那样工作，也厌倦了其他模式，但与我需要的效果不符。 堆（ 孩子们： [ 容器（ 颜色: 颜色.白色, 身高：50，
Firefox 在 svg 中显示 tspan 文本，不透明度为 0（与所有其他现代浏览器不同）
我来自这个链接，遇到了使用velocity.js 制作 svg 动画时 IE 崩溃的问题。 并意识到，天哪，firefox 实际上是在这个 jsbin 中渲染不透明度为 0 的 svg 文本。
我正在尝试在 SVG 的不同部分中显示文本。由于 SVG 的曲率，如果不购买用于生成 SVG 的软件的各种插件，我就无法做到这一点......
我想要一个 JavaScript 选择器来定位 <text><svg> 中的
我想选择文本标签。我尝试过不同的方法。这是一个更大问题的一部分。我想选择文本标签并附加它。通常它可以工作，但我从未使用过 SVG 我想选择 text 标签。我尝试过不同的方法。这是一个更大问题的一部分。我想选择文本标签并附加它。通常它可以工作，但我从未使用过 SVG <div id="chart_div"> <div> <div> <svg width="800" height="600"> <defs></defs> <g></g> <g></g> <g></g> <g></g> <g></g> <g></g> <g></g> <g> <text></text> </g> </div> </div> </div> 您选择它的方式与选择任何其他元素的方式相同，例如。 document.querySelector('text')。 这是一个工作示例。请注意在 x 元素上使用 y 和 text 属性以确保它实际上可见 - 这实际上可能是您的实际问题。 document.querySelector('text').textContent = 'Lorem ipsum'; <div id="chart_div"> <div> <div> <svg width="800" height="600"> <defs></defs> <g></g> <g></g> <g></g> <g></g> <g></g> <g></g> <g></g> <g> <text x="50" y="50"></text> </g> </svg> <!-- note that this tag was missing in your original --> </div> </div> </div>
我想要一个用于 SVG 标签的 javascript 选择器
我想选择文本标签。我尝试过不同的方法。这是一个更大问题的一部分。我想选择文本标签并附加它。通常它可以工作，但我从未使用过 SVG 我想选择 text 标签。我尝试过不同的方法。这是一个更大问题的一部分。我想选择文本标签并附加它。通常它可以工作，但我从未使用过 SVG <div id="chart_div"> <div> <div> <svg width="800" height="600"> <defs></defs> <g></g> <g></g> <g></g> <g></g> <g></g> <g></g> <g></g> <g> <text></text> </g> </div> </div> </div> 您选择它的方式与选择任何其他元素的方式相同，例如。 document.querySelector('text')。 这是一个工作示例。请注意在 x 元素上使用 y 和 text 属性以确保它实际上可见 - 这实际上可能是您的实际问题。 document.querySelector('text').textContent = 'Lorem ipsum'; <div id="chart_div"> <div> <div> <svg width="800" height="600"> <defs></defs> <g></g> <g></g> <g></g> <g></g> <g></g> <g></g> <g></g> <g> <text x="50" y="50"></text> </g> </svg> <!-- note that this tag was missing in your original --> </div> </div> </div>
如何在 webImageControl、tms web core 中使用 SVG 图像
我正在尝试将手机 SVG 图像放入 .pas 单元中的 TWebImageControl 中。 我尝试使用在创建应用程序时执行的代码将图像添加到 TWebImageControl 中。 电话WIC。
我创建了一个简单的代码片段来演示 Chrome/Safari 和 Firefox 之间的不同行为。 ...
我对整个 svg 主题还很陌生，我正在学习如何优化 svg。这是一个优化示例： 旧矢量图形： 我对整个 svg 主题还很陌生，我正在学习如何优化 svg。这是一个优化示例： 旧矢量图形： <svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" fill="black" stroke="none"> <path d="M 24,39.51A 2.29,2.29 43.71 0 1 22.24,37.9L 7.67,9.73A 1.56,1.56 105.76 0 1 8.25,7.68 1.56,1.56 19.93 0 1 10.4,8.46L 24,34.74 37.66,8.35a 1.53,1.53 162.36 0 1 2.06,-0.65c 0.72,0.37 0.99,1.29 0.61,2.04 -5.08,9.9 -9.84,19.02 -14.98,28.93 -0.25,0.48 -0.89,0.86 -1.43,0.84z"/> </svg> 新矢量图形： <svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="black" stroke-width="3" stroke-linejoin="round" stroke-linecap="round"> <path d="M 9,9 24,38 39,9"/> </svg> PS：可以说它们看起来一样。 我的逻辑告诉我，对于折线图来说，描边比填充要好得多，因为你得到的点更少。我可以说我将 380B 文件优化为 189B (~ 50%)，具有相同的质量。 现在我的问题是，如果我在浏览器中使 svg 变大，它们会保持不变，但在 Figma 中...如果我垂直和水平调整图形 a) (380B) 的大小，则线条的宽度会适应调整大小（即因为这些点才有意义），但如果我调整图表 b) (189B) 的大小，宽度保持不变，它不会变小或变大。正如你所看到的，我没有添加vector-effect =“non-scaling-中风”。为什么没有像调整大小这样的数学计算，我将宽度设置为2，它应该像32x32一样计算2，如果它的128x128 =>宽度应该是8 抱歉，如果我的问题看起来很愚蠢，也许这是figma中唯一的情况，我不知道。 我试图预期笔画宽度会放大 填充和描边是2种不同的绘制风格。 填充 填充（描边轮廓之间的所有内容）和描边绘制轮廓 并且您必须自己设置 stroke-width 属性。 如您在第一个 SVG 上设置红色描边时所见。我设置了stroke-width=2 <svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" fill="black" stroke="red" stroke-width="2"> <path d="M 24,39.51A 2.29,2.29 43.71 0 1 22.24,37.9L 7.67,9.73A 1.56,1.56 105.76 0 1 8.25,7.68 1.56,1.56 19.93 0 1 10.4,8.46L 24,34.74 37.66,8.35a 1.53,1.53 162.36 0 1 2.06,-0.65c 0.72,0.37 0.99,1.29 0.61,2.04 -5.08,9.9 -9.84,19.02 -14.98,28.93 -0.25,0.48 -0.89,0.86 -1.43,0.84z"/> </svg> SVG（单一）路径编辑器 将 d-path 复制到站点中 https://yqnn.github.io/svg-path-editor/# 它可能会变得更清晰一点
我试图将此 SVG 代码的背景更改为透明，但没有成功。我是 SVG 新手，不知何故我无法在谷歌上找到解决方案；有人可以帮忙吗？ 演示：http://jsfiddle.net/
我知道那里有图表库，但我想亲自创建我自己的自定义图表库。 我发现了另一个人的一些工作，他用 javascript 从数组创建了一个饼图，ex...
与标准html相比，使用react-native-svg的Svg图标看起来不一样
我以 svg 格式导出了一个在Figma中设计的图标，并将其复制到我的react-native项目中，如下所示，我为使其适应react-native-svg所做的唯一更改是在a行上使用大写字母...
如何直观地看到 Android 矢量可绘制 XML 中的图片？ 我反汇编了 Apk 文件，现在我想替换图标，但是如何在代码中直观地看到它们。有程序吗
当所有 svg 元素具有相同的属性和值时，在 selenium-java 中处理 Svg 元素而不使用索引位置
在我的应用程序中，我有 200 个具有相同属性和值的 svg 元素 (//*[name()='svg'][@class='tree-node-icon']) 但是当我定位一个 svg 元素时，它会被定位，因为我使用了索引 po...
我正在尝试链接背景：url(#myid);，id将是一个SVG元素。 这可能吗？难道我做错了什么？ .特别{ 宽度：100px...
这是我的基本 SVG： 这是我的基本 SVG： <div style="padding:0px; width:500px; height:100px; background-color:#cdc8c8;"> <svg width="100%" height="100%" viewBox="0 0 380 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> <g transform="matrix(0.979791,0,0,1.03566,-56.9337,-435.053)"> <rect x="58.108" y="420.073" width="387.838" height="28.967" style="fill:rgb(103,177,193);" /> </g> </svg> </div> 呈现为： 现在，如果我在 html 页面上写下相同的内容并使用以下代码导出 PDF： ConverterProperties converterProperties = new ConverterProperties(); converterProperties.SetBaseUri(AppDomain.CurrentDomain.BaseDirectory + "templates/report/"); using (var newFileStream = new FileStream(reportPathPDF, FileMode.Create)) { var pdfWriter = new PdfWriter(newFileStream); PdfDocument pdf = new PdfDocument(pdfWriter); pdf.SetDefaultPageSize(PageSize.A4); var document = HtmlConverter.ConvertToDocument(htmlContent, pdf, converterProperties); document.Close(); } 当我打开 PDF 时，结果如下： 为什么会这样？我哪里错了？ 如果我使用“展平”变换，也会发生同样的情况： <svg width="100%" height="100%" viewBox="0 0 380 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> <rect x="0" y="0" width="380" height="30" style="fill:rgb(103,177,193);"/> </svg> 你没有提到你正在使用的女巫版本，所以我将按照我在最新的8.0.4中看到的方式来解释它 问题在于 width 标签中的 height、svg 属性。 如果您查看日志记录，您将看到以下警告消息 com.itextpdf.styledxmlparser.css.util.CssDimensionParsingUtils ERROR Unknown absolute metric length parsed "%". 因此尚不支持它，因此要修复它，您可以使用周围环境的高度和宽度值div 类似这样的： <div style="padding:0px; width:500px; height:100px; background-color:#cdc8c8;"> <svg width="500px" height="100px" viewBox="0 0 380 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> <rect x="0" y="0" width="380" height="30" style="fill:rgb(103,177,193);"/> </svg> </div> 然后当我运行它时，它给出以下结果。我认为这正是您所期望的。 它似乎也适用于您的转换代码，您给出的第一个示例