为什么我找不到包含'svg‘元素的webpage网页中的'svg’元素？

在网页中找不到包含'svg'元素的原因可能有以下几点：

缺少正确的命名空间声明：SVG（Scalable Vector Graphics）是一种用于描述二维矢量图形的XML标记语言。在使用SVG元素之前，需要在HTML文档中添加正确的命名空间声明。在HTML文档的<html>标签中添加xmlns属性，值为"http://www.w3.org/2000/svg"，以确保浏览器正确解析SVG元素。
错误的SVG元素嵌入方式：SVG元素可以通过多种方式嵌入到HTML文档中，包括使用<object>、<embed>、<iframe>等标签。确保选择适合的嵌入方式，并正确设置相关属性，如src、type等。
SVG元素被隐藏或覆盖：检查网页中是否存在CSS样式或JavaScript代码，可能会导致SVG元素被隐藏或覆盖。确保SVG元素的显示属性（如display）正确设置，并且没有其他元素覆盖了SVG元素。
浏览器不支持SVG：某些旧版本的浏览器可能不支持SVG元素。在使用SVG元素之前，可以通过检测浏览器的兼容性，或使用Polyfill库来提供对SVG的支持。

推荐的腾讯云相关产品：腾讯云提供了丰富的云计算产品和服务，包括云服务器、云数据库、云存储等。对于SVG元素的使用，腾讯云并没有特定的产品或服务与之直接相关。但可以通过腾讯云的云服务器（CVM）来搭建和部署网页，使用云数据库（CDB）存储相关数据，使用云存储（COS）存储SVG文件等。具体产品介绍和使用方法，请参考腾讯云官方文档。

注意：本答案仅提供了一般性的解决思路和推荐的腾讯云产品，具体解决方法可能因实际情况而异。

页面内容是否对你有帮助？

有帮助

没帮助

为什么我找不到包含'svg‘元素的webpage网页中的'svg’元素？

html、xpath

在包含以下代码的网页中： ...<svg class="main-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width我使用'Try XPath‘扩展来搜索xpath，并尝试使

浏览 30提问于2017-12-18得票数 1

回答已采纳

1回答

svg和HTML的宽度/高度属性在foreignObject、img和svg元素上的关系如何？

html、svg

我在foreignObject元素中有一个带有HTML的SVG。此SVG将像往常一样包含在带有img元素的网页上。

浏览 0提问于2017-02-26得票数 0

2回答

SVG <script>元素:内部还是外部？

javascript、jquery、svg

我看到可以在svg tag ()中使用<script>标签。此外，svg标记中的元素可以通过标记外部的JavaScript进行访问，因为它们是DOM的一部分。我找不到更多关于哪个更好的细节。通常，我将所有JS代码放在单独的文件中，并在html中包含引用。我也可以对针对svg

浏览 4提问于2011-05-03得票数 12

回答已采纳

1回答

SVG.js，从以"use“导入的元素中删除/读取属性"transform”

javascript、svg、svg.js

我正在使用SVG.js渲染棋盘。这样做的目的是将这些部分保存在一个外部svg文件 sprite.svg中，并将它们与包括在一起，如下所示：piece可能是wp白色典当，在sprite.svg中 <!是在Sketch中创建的，因此该组具有一个

浏览 2提问于2017-11-22得票数 1

1回答

Java/iText/ pdf :将包含svg标签的HTML转换为pdf

java、pdf、itext、flying-saucer

我正在尝试从HTML生成一个Java格式的pdf文件。HTML代码包含一个svg标记，该标记由Google Charts API生成，用于显示柱状图。我试着用飞碟R8这样做： sb.append("<div id='chartArea'><svg width='830rotate(-90 17.05 200.5)' stroke=&#

浏览 2提问于2012-05-04得票数 4

1回答

热图没有显示第一个区域。

d3.js、data-visualization、heatmap

我根据data.csv文件中包含的一些数据创建了一个热图。index.html：var height = 430 - margin.top - margin.bottom; .append('svg') .attr('width',

浏览 1提问于2018-04-15得票数 1

回答已采纳

2回答

js语法之间的差异

javascript、jquery、d3.js

.append("svg").append("svg:svg")我使用的是jQuery和D3

浏览 2提问于2013-01-11得票数 2

回答已采纳

1回答

动画SVG中元素重绘的控制

css、animation、svg、repaint、velocity.js

我很难弄清楚如何控制通过<object>标记嵌入页面中的SVG中动画元素的重新绘制。当我使用内联SVG并检查重新绘制(使用Chrome的“显示重绘矩形”)时，我可以看到只有SVG中的动画元素正在重新绘制。但是，当将相同的SVG作为<object>包含时，动画元素

浏览 7提问于2015-02-02得票数 1

1回答

在d3中返回PhantomJS SVG

d3.js、phantomjs

我使用PhantomJS + d3在服务器上呈现SVG。我能够返回包含d3创建的SVG的整个页面的HTML，但是如果我只返回SVG，我就会返回null。var page = require('webpage').create(); page.content = '<html><body></body></ht

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

回答已采纳

1回答

SVG:用于嵌套SVG的GetScreenCTM()在Firefox中是不同的

javascript、firefox、svg

我有一个带有svg的网页，其中包含另一个svg元素。问题是，我需要通过getScreenCTM()方法获取矩阵信息(对于嵌套的svg)，火狐返回的结果与其他浏览器(IE、Chrome、Opera)不同。你不知道这是为什么吗？这里我做了一个简单的例子： <svg id="svgwrapper" xmln

浏览 4提问于2016-05-24得票数 3

回答已采纳

0回答

父元素中的SVG与Angular模板中的子元素中的SVG重叠

css、angular、svg

我正尝试在Angular模板中使用SVG。但是，路由器出口的父元素有一个SVG作为背景图像。由于某些原因，背景图像与子元素中的SVG重叠。我已经包含了一个DOM树的屏幕截图。您可以看到包含SVG的两个对象元素。下面是未添加父SVG时，子元素中<em

浏览 4提问于2016-12-19得票数 1

1回答

使用d3修改svg:路径

javascript、html、css、svg、d3.js

我已经研究这个问题有一段时间了，我被难住了:(buttons.selectAll("#infoBox") .data(myda

浏览 3提问于2013-01-27得票数 1

3回答

CSS样式表的作用域为单个svg标记

css、html、svg

我有一个带有两个或更多SVG标签的网页。每个SVG标签都包含一个style标签块，其中包含给定SVG元素的CSS样式。不幸的是，这些样式表似乎渗入了全局样式。例如，在第一个SVG元素上设置类'x1‘的样式将导致在第二个SVG上设置类'x1’的样式。我希望能够为每个特定<em

浏览 3提问于2013-02-02得票数 6

回答已采纳

3回答

使用svg.js加载SVG文件

javascript、jquery、html、svg

我有一个包含SVG元素的HTML5页面。我想加载一个SVG文件，从中提取一些元素，然后用脚本逐个处理它们。我使用.load()在DOM中插入了SVG树，使用jQuery成功地加载了SVG文件。但是我想尝试使用来操作元素，但是在文档中我找不到一种方法来使用现有的SVG

浏览 1提问于2013-04-10得票数 11

回答已采纳

1回答

更改between<img>和<object>时，单击SVG上的行为更改

html、css、svg、graphics、click

我有4个SVG按钮，作为我的个人网页主菜单的一部分。我这样做是因为我读到，当不需要动画SVG时，就没有必要将它嵌入到对象/嵌入标记中。检查元素后发现，我正在上单击SVG本身、和，而不是嵌入在中的对象。将其封装在div

浏览 2提问于2016-04-22得票数 2

1回答

如何使用document.evaluate查询svg元素？

javascript、xpath、svg

我有一个带有div元素的文档，其中包含一个svg元素。[<div class="schema">…</div>, <div class="relations"><svg</em

浏览 0提问于2015-11-15得票数 0

回答已采纳

1回答

PhantomJS -选择html元素

javascript、html、phantomjs

我正在使用phantomJS，我想从html网页中选择元素。下面是我在phantomJS中的代码：var url = 'http://localhost:9001/build/browserdocument.querySelector('[fill="#ffcc00"]&#

浏览 4提问于2016-11-25得票数 14

回答已采纳

1回答

未定义SVG元素的Javascript函数单击

javascript、jquery、svg、electron

我有一个svg，其中包含了一个简单的rect元素，它在单击时有内联的javascript函数调用。我已经使用对象标记将svg嵌入到我的html (基于电子的)中。问题是，如果我在svg之外编写javascript (必须在svg中单击rect元素时调用它)，它不会发现定义的函数，而是抛出一个错

浏览 2提问于2021-12-06得票数 0

回答已采纳

1回答

如何使用d3动态地向svg中的路径元素添加颜色并作出反应

javascript、reactjs、d3.js

我有一个SVG图标： <circle cx="12" cy="12" r="12" /> d="M12,2A10,1

浏览 5提问于2022-08-05得票数 0

回答已采纳

1回答

Chrome中具有自定义属性的jQuery和SVG

jquery、google-chrome、svg

我的网页上有一些SVG元素，我想用jQuery访问它们。SVG元素附加了两个自定义数据属性，我想在jQuery选择器中使用它们来获取正确的元素。我的问题是，自定义属性选择器在Chrome中不起作用，而在IE9和火狐中却能起作用。下面是一个SVG元素的示例： <rect

浏览 1提问于2013-04-23得票数 1

回答已采纳

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

为什么我找不到包含'svg‘元素的webpage网页中的'svg’元素？

相关·内容

为什么我找不到包含'svg‘元素的webpage网页中的'svg’元素？

svg和HTML的宽度/高度属性在foreignObject、img和svg元素上的关系如何？

SVG <script>元素:内部还是外部？

SVG.js，从以"use“导入的元素中删除/读取属性"transform”

Java/iText/ pdf :将包含svg标签的HTML转换为pdf

热图没有显示第一个区域。

js语法之间的差异

动画SVG中元素重绘的控制

在d3中返回PhantomJS SVG

SVG:用于嵌套SVG的GetScreenCTM()在Firefox中是不同的

父元素中的SVG与Angular模板中的子元素中的SVG重叠

使用d3修改svg:路径

CSS样式表的作用域为单个svg标记

使用svg.js加载SVG文件

更改between<img>和<object>时，单击SVG上的行为更改

如何使用document.evaluate查询svg元素？

PhantomJS -选择html元素

未定义SVG元素的Javascript函数单击

如何使用d3动态地向svg中的路径元素添加颜色并作出反应

Chrome中具有自定义属性的jQuery和SVG

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐