为什么使用DOM接口构建时，SVG路径折叠为0x0，而使用jQuery字符串构建时，SVG路径可以工作

文章/答案/技术大牛

发布

1回答

jquery、html、css、dom、svg

我正在尝试创建一个使用svg作为复选标记的复选框。我想通过DOM接口构建svg，但这样构建时，路径将变为0x0，因此复选标记将不会显示。最初，我是这样构建svg的： let checkboxSvgEl: SVGSVGElement = document.createElementNS('http://www.w3.org/2000&

浏览 20提问于2019-05-22得票数 2

回答已采纳

1回答

可以配置为尊重CSS中的资产URL吗？

reactjs、react-router、assets、react-router-dom

我正在使用来自react-router-dom的react-router-dom。我想在一个不是/的路径上托管我的应用程序。我在路由器标记上使用了basename属性，它工作得很好。但是在我的CSS文件中，这会破坏：我尝试过这样做，但它破坏了prod构建(dev env )：这是可行

浏览 3提问于2019-03-25得票数 0

回答已采纳

1回答

如何在IE中修改svg路径的起始和终止属性

javascript、svg

我使用下面的代码片段来修改svg路径对象var path = line.childNodes[0path.setAttribute("d", "M " + start[0] + " " + start[1] + " L " + end[0] + " " + end[1]); 它在ff和chrome中

浏览 0提问于2014-02-19得票数 0

2回答

我是SVG和D3的新手，在我实现的过程中学习。面对一个问题，与一个网站，我目前正在工作。在Chrome上，一切都很好(你可以从屏幕截图中看到)。所有其他浏览器都呈现没有图标的图形。你可以在Chrome和Firefox上查看我的个人资料。我复制了d3生成的SVG代码，并将其粘贴到jsfiddle中，以便在所有浏览器上进行测试，发现所有浏览器都在呈现它：(忽略颜色，我没有对其应用CSS，但图标出现了) 。生成图形的逻辑可以在chart.js文件createTimelineChart()函数中

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

回答已采纳

3回答

曲线文本在反应(SVG textPath不工作)

javascript、svg、reactjs

我希望远离JQuery，所以我使用SVG。这是我编写的代码，它在react之外工作： <defs> </text>这是我在React ()内部的非工

浏览 4提问于2015-11-18得票数 3

回答已采纳

1回答

用jQuery和CSS对外部SVG文件进行样式化

jquery、css、svg

我已经启用了SVG-文件链接在我的WP网站上使用安全SVG插件，我很高兴它。但是，我在设置包含在调用/linikng的外部文件中的SVG路径时遇到了问题。目前，我无法创建我想要的交互活动，因为我不能：使用style.css应用类更改<e

浏览 0提问于2016-11-23得票数 1

回答已采纳

1回答

开发和构建的应用程序中的电子伪造静态资产

webpack、electron-forge

我有一个电子锻造应用，我已经准备好打包，但我的静态资产不能在构建的版本中工作。为了访问我的静态文件，我放置了一个"/“，它在从基本域加载而不是从窗口名称加载时工作：如果没有第一个"/“，它在这里看起来就不起作用了： file:///assets/svgs&

浏览 2提问于2021-03-22得票数 0

回答已采纳

4回答

离子型svg不出现

android、cordova、svg、ionic-framework、ionic2

我构建了离子2 sidemenu的应用程序，但是svg出现在Chrome中，但是在生成Android -调试器文件之后，svg不会出现在android中：按照我使用的命令执行： <p> <a href="http://

浏览 7提问于2016-12-04得票数 3

回答已采纳

2回答

vue-cli-service构建-目标库在导入为lib时会丢失图像路径。

webpack、vue.js、vue-cli

使用vue-cli-service build --target lib --name <lib-name>构建时，svg映像被捆绑在dist/img/hue-circle123456.svg下。现在，当使用npm install --save <module>安装模块时，路径仍然是src/img/hue-circle123456.svg，同时它应该引用node_modu

浏览 0提问于2018-07-25得票数 12

回答已采纳

1回答

SVG使用不显示路径的元素

html、css、svg、sprite

我试图使用sprite技术在需要时显示单个SVGS，并通过“use”元素调用它们。我知道这有点棘手，因为阴影DOM，但我不知道为什么我的元素没有正确显示。在与此JSfiddle不同的本地dev构建中，use元素实际上显示SVG和路径，但只显示不可见的形状。没有填充什么的。只是看不见的路。我的结构是这样的： <div class="nav-right-left"

浏览 1提问于2016-05-04得票数 1

回答已采纳

2回答

使用ReactJs选择select的svg有多糟糕？

javascript、reactjs、svg、webpack、create-react-app

我有一个select标志，选项是img ( src是svg)。 }, text: "English", }, text: "Italiano", icon: require("./images/italy.svg</e

浏览 0提问于2020-06-01得票数 1

回答已采纳

1回答

React svg* getTotalLength*

javascript、reactjs、svg、css-animations

我想使用react (，但在ReactJS中)为SVG path设置动画。为了正确地做到这一点，我需要知道路径的总长度，在JS中你可以只做path.getTotalLength()，当我的路径是由JSX创建的时候，我如何才能实现同样的目的呢？谢谢

浏览 8提问于2016-09-14得票数 4

回答已采纳

1回答

动画链接svg不工作；工作良好时，内联

javascript、html、svg、svg-animate

我有一个svg文件，该文件由一组路径组成，我正在通过看到的方法来动画这些路径。这是动画路径的标准方法--有破折号偏移和什么的。我已经测试了代码，并且它在我的svg文件上运行良好，当它是内联的-也就是说，svg路径的代码与脚本直接写入同一个文档中。您可以在行动中看到它。文件一起工作时，我就没那么幸运了。当我运行修改后的脚本时，它会很好地运行，并按需要为每个<path>和<animat

浏览 4提问于2015-03-08得票数 2

回答已采纳

4回答

用jQuery修改Raphael图像

jquery、svg、raphael

我们可以通过jQuery将它们添加到svg元素中，但由于某些原因，它们无法呈现。当我静态地复制动态生成的代码时，它呈现得很好。><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="600"

浏览 0提问于2011-07-13得票数 2

回答已采纳

1回答

如何在不丢失结构的情况下遍历SVG中的所有元素

javascript、jquery、svg

我构建了一个工具，可以加载用户生成的SVG进行编辑。但是因为它是用户生成的内容，所以在将其附加到编辑器以设置填充颜色和删除不需要的元素之前，我想遍历SVG中的所有元素(使用Snap的load()函数加载)。我现在拥有的代码对于规范化部分工作得很好，但它使整个SVG层次结构变得扁平： var allNodes = source.selectAll('*:not(svg):not(defs):not(desc依赖于SVG文件中的

浏览 3提问于2015-12-14得票数 1

1回答

如何确保插画SVG中的每个路径或组都有自己的类名？

svg、adobe-illustrator

我试图创建一个公寓楼的平面图，作为一个SVG使用插图。最终的目标是在一个网站上使用它，它旁边有一个表格，其中每一行都有关于各个公寓的一些细节，当在行上方盘旋时，SVG图形中的相应公寓将其填充更改为特定的颜色。这是jquery部分稍后的一个问题，因为我需要单独选择每个单元来创建悬停动画。当然，我可以在以后导出SVG时添加自己的类，但这也意味着每次需要更改SVG图形时，我都必须重新添加这些类。我知道，

浏览 2提问于2022-04-27得票数 1

2回答

更快的SVG路径操作

javascript、jquery、svg、jquery-svg

所以我想用SVG做一个绘图工具，我用了一个相当幼稚的方法来改变我的路径的d属性： $path.attr("d", $path.attr("d") + " L" +pX+ "," + pY); //using <

浏览 0提问于2012-08-21得票数 1

回答已采纳

1回答

使用JQuery加载和操作外部SVG DOM

javascript、jquery、jquery-ui、svg、jsnetworkx

><!SVG插件需要用来访问DOM，因为HTML DOM

浏览 7提问于2014-01-29得票数 0

1回答

当构建项目时，无法解析相对路径

css、angular、url、build、relative-path

我有一个装满svg的文件夹(路径:src//图标)。css函数url()实现如下：当我运行ng服务时，它会找到svg数据。但是当我构建我的项目时，它找不到svg数据。虽然它存在于dist/myApp/assets/图标/CheckSmall.svg文件

浏览 4提问于2022-02-11得票数 0

1回答

内联svg缩放-自动宽度

css、html、svg、responsive-design、scale

我已经构建了一个响应式的仪表板，新的需求是大屏幕电视观看。为了完成徽标资产的缩放，我决定使用SVG，这也消除了为移动/桌面查看而维护单独的视网膜精灵的需要。当使用带有img标签的svg时，这很有效，但是当使用内联svg时，路径可以很好地缩放，但是svg的宽度仍然设置为viewBox大小。如果需要，我可以选择img选项，但我真的更喜欢<e

浏览 1提问于2014-06-11得票数 2

点击加载更多