为什么使用DOM接口构建时，SVG路径折叠为0x0，而使用jQuery字符串构建时，SVG路径可以工作
使用DOM接口构建时，SVG路径折叠为0x0的原因可能是因为在构建过程中出现了一些错误或者遗漏的代码。DOM接口是一种用于操作HTML和XML文档的编程接口，它提供了一系列的对象和方法来操作文档结构，包括创建、修改、删除元素等操作。
当使用DOM接口构建SVG路径时，可能会遇到以下一些问题导致路径折叠为0x0：
- 缺少必要的元素和属性：在构建SVG路径时，可能忘记添加必要的元素和属性，例如缺少<path>元素或者<path>元素的d属性（表示路径数据）。缺少这些必要的元素和属性会导致SVG路径无法正确显示。
- 错误的元素嵌套关系：SVG路径是由多个子元素组成的，包括<path>、<moveTo>、<lineTo>等等。如果在构建过程中错误地嵌套了这些元素，可能会导致SVG路径无法正确解析。
- 代码逻辑错误：在构建SVG路径的过程中，可能存在逻辑错误，例如错误地计算了路径的坐标值或者顺序。这些错误会导致路径显示不正确或者折叠为0x0。
相比之下，使用jQuery字符串构建SVG路径可以正常工作的原因可能是jQuery库内部已经封装了对SVG路径的处理逻辑，可以自动帮助开发者处理一些常见的错误和问题。jQuery是一个广泛使用的JavaScript库，提供了简化DOM操作的方法和工具函数，使得开发者可以更方便地操作和修改HTML文档。
在使用jQuery字符串构建SVG路径时，jQuery会自动帮助开发者处理一些常见的错误，例如自动添加必要的元素和属性，自动处理元素嵌套关系，以及对路径数据进行解析和渲染。这样就避免了一些潜在的错误，使得SVG路径可以正常工作。
需要注意的是，无论是使用DOM接口还是jQuery字符串构建SVG路径，都需要仔细检查代码逻辑，确保路径的构建过程正确无误。如果仍然遇到路径折叠为0x0的问题，可能需要进一步检查代码、调试或查阅相关文档以找到解决办法。
关于SVG路径的更多信息和使用方法，您可以参考腾讯云的SVG图像和路径概述文档：https://cloud.tencent.com/document/product/213/3932
相关·内容
我正在尝试创建一个使用svg作为复选标记的复选框。我想通过DOM接口构建svg，但这样构建时，路径将变为0x0，因此复选标记将不会显示。最初，我是这样构建svg的： let checkboxSvgEl: SVGSVGElement =
document.createElementNS('http://www.w3.org/2000&
浏览 20提问于2019-05-22得票数 2
回答已采纳
1回答
我正在使用来自react-router-dom的react-router-dom。我想在一个不是/的路径上托管我的应用程序。我在路由器标记上使用了basename属性，它工作得很好。但是在我的CSS文件中，这会破坏：我尝试过这样做，但它破坏了prod构建(dev env )：这是可行
浏览 3提问于2019-03-25得票数 0
回答已采纳
我使用下面的代码片段来修改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
回答已采纳
我希望远离JQuery，所以我使用SVG。这是我编写的代码，它在react之外工作： <defs> </text>这是我在React ()内部的非工
浏览 4提问于2015-11-18得票数 3
回答已采纳
我已经启用了SVG-文件链接在我的WP网站上使用安全SVG插件，我很高兴它。但是，我在设置包含在调用/linikng的外部文件中的SVG路径时遇到了问题。目前，我无法创建我想要的交互活动，因为我不能：使用style.css应用类更改<e
浏览 0提问于2016-11-23得票数 1
回答已采纳
我有一个电子锻造应用，我已经准备好打包，但我的静态资产不能在构建的版本中工作。为了访问我的静态文件，我放置了一个"/“，它在从基本域加载而不是从窗口名称加载时工作：如果没有第一个"/“，它在这里看起来就不起作用了：
file:///assets/svgs&
浏览 2提问于2021-03-22得票数 0
回答已采纳
4回答
离子型svg不出现
、、、、
我构建了离子2 sidemenu的应用程序，但是svg出现在Chrome中，但是在生成Android -调试器文件之后，svg不会出现在android中：按照我使用的命令执行： <p> <a href="http://
浏览 7提问于2016-12-04得票数 3
回答已采纳
使用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回答
我试图使用sprite技术在需要时显示单个SVGS，并通过“use”元素调用它们。我知道这有点棘手，因为阴影DOM，但我不知道为什么我的元素没有正确显示。在与此JSfiddle不同的本地dev构建中，use元素实际上显示SVG和路径，但只显示不可见的形状。没有填充什么的。只是看不见的路。我的结构是这样的： <div class="nav-right-left"
浏览 1提问于2016-05-04得票数 1
回答已采纳
2回答
我有一个select标志，选项是img ( src是svg)。 }, text: "English", }, text: "Italiano",
icon: require("./images/italy.svg</e
浏览 0提问于2020-06-01得票数 1
回答已采纳
1回答
我想使用react (，但在ReactJS中)为SVG path设置动画。为了正确地做到这一点，我需要知道路径的总长度，在JS中你可以只做path.getTotalLength()，当我的路径是由JSX创建的时候，我如何才能实现同样的目的呢？谢谢
浏览 8提问于2016-09-14得票数 4
回答已采纳
1回答
我有一个svg文件，该文件由一组路径组成，我正在通过看到的方法来动画这些路径。这是动画路径的标准方法--有破折号偏移和什么的。我已经测试了代码，并且它在我的svg文件上运行良好，当它是内联的-也就是说，svg路径的代码与脚本直接写入同一个文档中。您可以在行动中看到它。文件一起工作时，我就没那么幸运了。当我运行修改后的脚本时，它会很好地运行，并按需要为每个<path>和<animat
浏览 4提问于2015-03-08得票数 2
回答已采纳
4回答
我们可以通过jQuery将它们添加到svg元素中，但由于某些原因，它们无法呈现。当我静态地复制动态生成的代码时，它呈现得很好。><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="600"
浏览 0提问于2011-07-13得票数 2
回答已采纳
我构建了一个工具，可以加载用户生成的SVG进行编辑。但是因为它是用户生成的内容，所以在将其附加到编辑器以设置填充颜色和删除不需要的元素之前，我想遍历SVG中的所有元素(使用Snap的load()函数加载)。我现在拥有的代码对于规范化部分工作得很好，但它使整个SVG层次结构变得扁平：
var allNodes = source.selectAll('*:not(svg):not(defs):not(desc依赖于SVG文件中的
浏览 3提问于2015-12-14得票数 1
我试图创建一个公寓楼的平面图，作为一个SVG使用插图。最终的目标是在一个网站上使用它，它旁边有一个表格，其中每一行都有关于各个公寓的一些细节，当在行上方盘旋时，SVG图形中的相应公寓将其填充更改为特定的颜色。这是jquery部分稍后的一个问题，因为我需要单独选择每个单元来创建悬停动画。
当然，我可以在以后导出SVG时添加自己的类，但这也意味着每次需要更改SVG图形时，我都必须重新添加这些类。我知道，
浏览 2提问于2022-04-27得票数 1
2回答
更快的SVG路径操作
、、、
所以我想用SVG做一个绘图工具，我用了一个相当幼稚的方法来改变我的路径的d属性：
$path.attr("d", $path.attr("d") + " L" +pX+ "," + pY); //using <
浏览 0提问于2012-08-21得票数 1
回答已采纳
1回答
当构建项目时，无法解析相对路径
、、、、
我有一个装满svg的文件夹(路径:src//图标)。css函数url()实现如下：当我运行ng服务时，它会找到svg数据。但是当我构建我的项目时，它找不到svg数据。虽然它存在于dist/myApp/assets/图标/CheckSmall.svg文件
浏览 4提问于2022-02-11得票数 0
1回答
内联svg缩放-自动宽度
、、、、
我已经构建了一个响应式的仪表板，新的需求是大屏幕电视观看。为了完成徽标资产的缩放，我决定使用SVG，这也消除了为移动/桌面查看而维护单独的视网膜精灵的需要。当使用带有img标签的svg时，这很有效，但是当使用内联svg时，路径可以很好地缩放，但是svg的宽度仍然设置为viewBox大小。如果需要，我可以选择img选项，但我真的更喜欢<e
浏览 1提问于2014-06-11得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
