通过 SVG 内部的自定义属性值获取 DOM 元素
[英]Get DOM element by custom attribute value inside SVG
拥有此示例 SVG（在 Microsoft Visio 中创建）： 我想访问“g”元素。 问题是我不能简单地使用 document.getElementById("shape1014-243"); 因为 ID 将由 Visio 随机生成。 我知道我可以访问它的值是这个值 v:lbl="MY_UNIQ ...
SVG 颜色不适用于所有 SVG 图形
[英]SVG color does not work with all SVG graphics
目标：我想使用样式类（描边颜色）为 SVG 图形设置样式。 我读过这是用颜色完成的。 问题：样式应用于一个图形而不是另一个 svg。 问：我想知道这是为什么？ .voted svg path { color: green; } svg { width: 40px; } <button cla ...
SVG linearGradient 的 animateTransform 旋转未居中。 如何居中呢？
[英]SVG animateTransform rotation of a linearGradient is not centered. How to center it?
我正在尝试制作旋转线性渐变，但如果我使用animateTransform旋转它，则渐变不会居中： <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13" width="200px" height="200px" fill="n ...
宽度和高度没有影响<use>引用内联图像时</use>
[英]Width and height have no effect on <use> when referencing inline images
我正在尝试将一些图像内嵌到 SVG 中，它使用xlink:href引用指向完全限定的本地路径。 原因见GitHub issue 。 示例 python 做得很合理，但它会在单个 SVG 中多次内联同一图像，这不是最佳选择。 所以我尝试了一种类似的方法来转换这样的东西：<svg xmlns="h ...
images.png在C#中对SVG进行操作
[英]Images.png Manipulation to SVG in C#
我在 c# 中使用 Imagemagick 和 potrace 将 png 转换为 pnm，然后转换为 svg 但不幸的是，SVG 文件没有颜色？ 我怎样才能解决颜色问题？ 我应该使用另一个转换器吗？ 有什么建议吗？ 我已经在 visual studio 中尝试了很多带有 C# 的包，但要么不起作用 ...
svg animation 带记号笔的画线
[英]svg animation of drawing line with marker
我正在尝试制作一个 animation 的成长箭头。 路径绘制正确，但标记箭头紧接在末尾。 你能告诉我如何将标记附加到路径的末端以便它随之移动吗？ 代码https://codepen.io/rostislav_blatman/pen/JjBOWMB UPD：或者也许还有另一种方法可以实现类似的结果 ...
如何使圆形进度条流畅？
[英]How can I make a circle progress bar fluid?
我正在尝试使计时器中的圆形进度条流动起来。 进度条表示计时器持续时间的进度。 我为进度条制作了一个 svg <circle>圆形元素。 每隔 10 秒，我更改圆的 css 属性stroke-dashoffset 。 这很好用，但如果我们选择的时间少于 5 分钟，则进度条的移动不流畅。 ...
Javascript svg 圆形渐变
[英]Javascript svg circular gradiant
我有一个问题要解决。 我想根据分数绘制一个渐变 fonts 的圆 svg。 分数从 0 到 100 不等。例如，如果分数是 60%，我必须绘制 60% 的圆圈，知道渐变每 20% 变化一次。 我想做类似下图但带有渐变的事情： 我看到下面的示例可能对我有用，但我不明白路径中 M 的坐标是如何计算的： ...
如何将图标路径大小更改为 20.10x24.40？
[英]How can I change my icon path size to 20.10x24.40?
如何将 svg 路径大小更改为 20.10x24.40。 我相信路径 d 值不正确。 <svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg"> < ...
如何加载项目中嵌入的文件、图标、xaml 文件？
[英]how load files, icons, xaml files embedded in the project?
在属性中将文件设置为“嵌入式资源”就像一个字符一样工作并且很简单 pload，如下所示： 但是如果我从“嵌入式资源”更改为仅资源....它不再起作用，我想加载我转换为 xaml 文件的 svg 图像，以插入在代码中动态创建的网格的资源字典中有小费吗？ ...
Position 甜甜圈块在 React 中使用 SVG
[英]Position donut chunks using SVG in React
我在反应中有这个 SVG 我想将第二个绿色“甜甜圈部分”旋转 90、180 和 270 度。 我对旋转或平移所做的任何更改都意味着绿色部分消失了。 我如何使用 svg 在甜甜圈上 position 12.5% 块？ 是否可以向每个块添加文本？ ...
图例和 label 未在 svg 上呈现
[英]Legend and label not rendering on svg
我在 PowerBi 中使用 d3.js 和 svg 图像创建可视化（这使用 d3 的版本 3）。 我的视觉效果正常，但我的图例没有渲染。 我在浏览器中对此进行了测试，图例项出现在页面的元素中，但只是没有显示出来。 我的图例项目代码是 这省略了计算所有其他元素的代码。 为什么图例圆圈和 label ...
将 latex 方程转换为 svg 时 latextools（python 库）的一个小问题
[英]A miniscule problem with latextools (python library) when converting latex equation to svg
更具体地说......我使用了（并进行了一些修改，但没什么大不了的）来自 latextools 网页的代码。 结果看起来近乎完美，唯一的问题是“x”有一小部分被切掉了（在底部）。 我该如何解决？ 感谢您的任何提示！ ...
SVG，Vue：如果“viewBox”是反应式缩放不起作用。 为什么？
[英]SVG, Vue: If 'viewBox' is reactive scaling doesnt work. Why?
viewbox = '0 0 450 100' — Vue 数据属性在这里试试： https://jsfiddle.net/y0zgefs8/ ...
SVG animation（闪烁） animation（闪烁）内部
[英]SVG animation (blinking) inside of animation (blinking)
所以我有第 1 页和第 2 页是动画的，第 2 页里面也有 animation 但问题是这个 object 在第 2 页“隐藏”时显示。 如何防止？ 黑色方块应该只在第 2 页可见时可见，但它会忽略父样式。 <svg version="1.1" xmlns="http://www.w3.or ...
如何在 JSX 中基于三元运算符渲染 SVG？
[英]How can I render a SVG based on ternary operator inside a JSX?
我使用的是 Stencil.js，但语法类似于 React。 这给了我一个错误： iconSVG is not a function 由于this.label这不起作用。 只能有一个元素（值）。 这给了我label旁边的 Button 内的[Object object] 。 这给了我一个错误： i ...
getBBox 为相似路径返回截然不同的 x 和 y 位置
[英]getBBox returns vastly different x and y positions for similar paths
我有一个 SVG 图，里面有几个路径： 对于存在的 6 条路径中的每一条，我调用 getBBox 来检索 X 和 Y 位置（以便我可以计算一个中点和 append 到中心的一些文本）。 效果很好。 除了一些节点，BBox 很大。 就像，几乎和屏幕一样宽。 我想不明白。 这是给出“正常”BBox 值 ...
解析 SVG 字符串时，CSSStyleSheet class 消失
[英]CSSStyleSheet class disappears when parsing an SVG string
示例： JSFiddle 我有一个带有样式元素的svg图像 如果我将 svg 嵌入到一个空的 HTML 文档中，这两段代码会产生我没有预料到的差异。 区块#1let svg = document.querySelector("svg") 区块#2let s = new XMLSerializer( ...
使用 d3.js 在数据中查找最小日期以绘制 svg
[英]Find min date within data to draw svg using d3.js
我使用 d3.js 来可视化一些数据，我对 Javascript 和 SVG 等都是全新的。 我有以下有效的代码 接下来我要做的是更改 mindate 行，以便它动态地找到数据集中的最低日期。 截至目前，它是硬编码的。 类似 var mindate = new Date(d3.min(d.date ...
svg：点击，如何停止animation
[英]svg: on click, how to stop the animation
我有一个动画 svg 但我想添加一个按钮来停止 animation。我尝试了一些 pausedAnimations() 这似乎是一个简单的 onclick 按钮的解决方案但它没有用这是我的 svg： $('#js-toggle').on('click', function() { $('.svg ...