SVG元素显示在DOM中，但不可见

文章/答案/技术大牛

发布

1回答

javascript、svg

我正在尝试使用javascript在我的页面上放置一个圆形svg。这是在我的html中： id="container" height="220"spot.setAttribute('cy', 200) spot.setAttribute('r', 20)

浏览 7提问于2016-08-29得票数 1

1回答

jQuery旨在与JavaScript一起在HTML页中使用。 SVG使用与HTML相同的DOM Level 2，但它是基于XML的，并指定了ECMAScript。将jQuery与SVG一起使用可能会导致什么问题？将这样的SVG作为元素嵌入到HTML文档中是否更可取？注意，我指的不是“SVG”绘制库，它提供了使用jQuery语法将jQuery文档中的SVG元素作为图形端口进行操作的功能。我想要的是<

浏览 1提问于2012-12-19得票数 6

回答已采纳

2回答

使用javascript添加到DOM的SVG是不可见的。

javascript、html、svg、d3.js

我有一个有效的SVG文件，我通过在图像查看器中打开它来验证它。我尝试使用javascript代码将这个SVG添加到HTML文件中 document.body.appendChild(xml.documentElement);我检查HTML源代码，可以看到SVG是添加到HTML中的。但是SVG在</em

浏览 2提问于2014-03-21得票数 5

回答已采纳

1回答

显示器的JointJS缩放问题:无

jointjs

我试图将jointjs图嵌入到引导转盘中，但遇到了问题。如果图位于初始/活动窗格中，则一切正常，但如果是任何其他窗格，元素和链接的缩放方式会很奇怪，并且链接连接在元素的不正确一侧。我已经将其限制为呈现到div中的svg属性，该div被设置为display:none。jointjs tutorial here $("#myholder").removeClass(&q

浏览 4提问于2014-08-19得票数 1

1回答

不能用D3.js绘制图表

javascript、svg、d3.js

我正在学习如何在SVG对象上使用D3.js绘制图表。我的代码在DOM对象中创建元素，但它们不显示。如果我运行DOM检查器并将所有元素复制到另一个html文档中，并显示矩形是可见的。

浏览 5提问于2015-05-21得票数 0

回答已采纳

1回答

使用自定义元素时，Aurelia生成的SVG元素是不可见的。

svg、aurelia、aurelia-templating

为什么SVG中的自定义元素是不可见的？即使您已经注意到使它们没有容器，定制元素仍然

浏览 2提问于2017-08-27得票数 0

回答已采纳

1回答

Selenium ChromeDriver显式等待visibility_of_element_located抛出TimeOut异常，而presence_of_element_located不抛出异常，for Select

python、selenium、selenium-webdriver

请帮助我理解为什么visibility_of_element_located会抛出TimeOut异常，特别是dropdown元素，但其他元素都很好，对presence_of_element_located我也试着滚动到元素，但这将间歇性地失败。我已经附加了一致地为我重现超时的代码。我在MacOS上运行，版本93.0.4577.82 (官方版本) (x86_64)。提前谢谢你！

浏览 0提问于2021-09-20得票数 0

1回答

SVG使用不显示路径的元素

html、css、svg、sprite

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

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

回答已采纳

1回答

允许SVG图形在包含svg元素的外部溢出

css、svg、overflow

我正在使用Raphaël-JavaScript库创建一些饼图图形，但我希望将包含SVG元素的溢出设置为可见，以允许内部图形显示在其容器外部。使用普通dom元素(overflow: visible;)的方法似乎不适用于svg容器。有没有人有这方面的经验，或者知道如何补救？干杯

浏览 1提问于2009-10-15得票数 18

回答已采纳

1回答

在我编辑工具中的元素之前，SVG不会显示

svg

当我在工具中找到svg元素时，宽度和高度都显示为零。所以，是的，为什么？编辑:根据直觉，我尝试将viewport属性编辑到Chrome中的SVG<e

浏览 2提问于2014-07-25得票数 12

回答已采纳

6回答

如何等待WebElement出现在DOM中？

java、selenium、selenium-webdriver、webdriver、webdriverwait

目前，我正在寻找一个解决方案，等待特定的WebElement出现在网站DOM中。公共静态ExpectedCondition visibilityOf(WebElement元素)：检查已知存在于页面DOM中的元素是否可见的期望。可见性意味着元素不仅显示，而且具有大于0的高度和宽度。上面这

浏览 1提问于2019-02-18得票数 2

回答已采纳

1回答

从<use>标记动画SVG路径

javascript、animation、svg

我试图使用动画一个svg路径<svg xmlns="http://www.w3.org/2000/svg"> <symbol viewBox="0 0 48 50.6" id="icon-r

浏览 4提问于2016-02-17得票数 0

回答已采纳

1回答

jQuery/Ajax加载的DOM脚本何时实际执行？

jquery、ajax、dom

在类似的问题上有很多点击量，但我似乎搞错了。如果我通过jQuery/Ajax修改DOM，何时实际解析/执行加载的脚本？下面的代码工作在F/F上，但不适用于Chrome或Opera。加载的脚本(实际上是svg文件；'file.svg')定义了“do_init()”(在“静态”脚本中)所需的许多vars。在所有3种情况下，文件/脚本都正确地加载到DOM中，并且

浏览 1提问于2011-11-08得票数 2

回答已采纳

2回答

SVG元素显示在DOM中，但在屏幕上不可见

javascript、svg、raphael

我尝试使用和使用SVG绘制一个stave，当我加载页面时，SVG元素出现在DOM中，但它们没有出现在屏幕上。<html lang="en"><head> <title>Fermata</t

浏览 0提问于2013-02-13得票数 4

回答已采纳

2回答

React SVG在组件重新渲染时消失

javascript、reactjs、dom、svg

我正在制作一个react应用程序，在我的组件中有一些SVG图标。例如，我有一个SearchBar组件，它包含input元素和一个带有搜索图标的按钮。通过从一个sprite文件中相应地设置xlinkHref属性，我对所有的SVG图标都使用了inline SVG。一切似乎都很正常，除了当我点击SVG图标时，它们会随机消失。包含图标的按钮元素不会消失，只会消失SVG图标。我检查了devtools上的DOM树，似乎有一个名

浏览 3提问于2018-06-09得票数 13

2回答

SVG可以在Chrome中运行，但不能在Firefox中运行

firefox、svg、reactjs

我用React做了一个小的SVG演示，用于绘制十六进制网格。它在Google Chrome上运行良好，但Firefox似乎有正确的DOM，但不能显示元素。我的SVG有什么问题吗？

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

4回答

元素，尽管python中的文档中有可用，但元素仍不可见。

python、python-3.x、selenium、selenium-webdriver、selenium-chromedriver

页面链接: 面临的问题:获取错误，元素在svgicon.click()上不可见。虽然元素在可见的DOM中是明显可用的，如所附图像所示。我知道以下用于实现所需的代码语句是正确的&工作，但不填充DropDown。任何帮助都是非常感谢的。//find & click on <e

浏览 0提问于2019-02-15得票数 2

2回答

如何在缩放后重新绘制DOM元素？

javascript、jquery、svg、repaint、redraw

我目前正在使用放大我在HTML中绘制的一些SVG形状。，并且看起来SVG形状在缩放后不会被重新绘制。同样的行为似乎发生在所有DOM元素(例如，用颜色填充的DIV或文本元素)。然而，当我查看上面链接的网站时，文本元素似乎在缩放发生后被重新绘制。我很难理解为什么在我的情况下它没有被重新绘制。编辑:我还尝试将SVG元素放在一个单独的文件中，并将其包括在

浏览 2提问于2012-03-11得票数 1

回答已采纳

2回答

Vue Js:不可见的SVG

javascript、html、svg、vue.js

我试图将一行附加到svg元素中，但是即使行存在于DOM中，它也是不可见的。<svg id="app"> </svg> <line x1

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

回答已采纳

3回答

在Selenium中等待可见和等待定位有什么不同？

selenium、selenium-webdriver、webdriver、webdriverwait、expected-condition

在“等待直到定位”不存在的地方，“等待直到可见”的方法会失败。为什么？

浏览 2提问于2018-01-25得票数 4

点击加载更多