带有<use>和xlink的SVG Sprite:href

文章/答案/技术大牛

发布

2回答

javascript、html、svg

我正在使用SVG spriting，它似乎工作得很好，所以我一直想，直到我在ie9(我们最低支持的浏览器)中打开了这个网站。所有SVG均未显示。下面是我如何引用我的SVG的： <use xlink:href="#icon-search"></use> &l

浏览 57提问于2017-07-20得票数 1

1回答

如何在组件中包含SVG Sprite？

html、angular、svg

我的正常html如下所示： <use xlink:href="img/sprite.svg#icon-chat"></use></svg> svg路径：''assets/img/s

浏览 4提问于2018-03-28得票数 1

2回答

Angular2 xlink:href问题

javascript、svg、sprite、angular

我有一个*ngFor，在里面我编写了一些带有<use>标签的SVG，用来链接到svg的特定部分： <svg viewbox="0 0 8 8"><use [attr.xlink:href]="'sprite.svg#' + item.icon"></use</em

浏览 0提问于2016-02-11得票数 3

2回答

当我直接打开索引文件时，不显示svg

css、svg、xlink、svg-sprite

文件结构如下：-imgs当我在vscode中使用live-server在端口上打开站点时，会出现svg。 <svg class="sec-workflow__img"> <use xlink:href="imgs/sprite.svg</em

浏览 2提问于2020-10-18得票数 1

1回答

意外结束标记":svg:use“

javascript、angular、svg、angular5

我是新的angularJS和创建应用程序使用angular2。<svg width="12" height="26">

浏览 2提问于2018-04-29得票数 3

1回答

在WordPress中自定义预览不工作SVG在Chrome上使用

wordpress、google-chrome、svg、customization

在我的WordPress主题中，我在我的身体后面有一个SVG精灵符号： <svg style="display:none;" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink&

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

回答已采纳

1回答

SVG <使用来自CDN的xlink:href>

svg、cdn、xlink、svg-sprite

我正在使用<use xlink:href>引用我的svg文件。另一方面，我听说这种精灵技术在SVG2上被废弃了。那么，目前使用雪碧SVG文件的最佳解决方案是什么，它适用于所有不同的浏览器，包括移动浏览器。

浏览 1提问于2016-09-21得票数 8

1回答

需要lxml xpath表达式帮助

python-3.x、lxml、xml.etree、lxml.html

xmlns="https://www.w3.org/2000/svg"><use xlink:href="/sprite.svg#facebook"></use></svg></div> </a><axmlns="https:/&#x

浏览 10提问于2018-08-24得票数 2

回答已采纳

1回答

BeautifulSoup使用唯一的CSS选择器

python、html、css、beautifulsoup

.org/1999/xlink" xlink:href="https://www.placetel.de/assets/dist/sprites/svg/sprite.1471515912.svg#svg-phone:xlink="http://www.w3.org/1999/xlink

浏览 1提问于2016-09-15得票数 2

回答已采纳

1回答

如何移动html元素并更改其中的少量内容

javascript、html

class="figure__icon--1"> </svg><svg class="figure__icon--2"> <use x

浏览 1提问于2018-07-14得票数 0

回答已采纳

1回答

从Bootstrap Studio导出后SVG不工作

twitter-bootstrap、svg

我正在尝试导出我的Bootstrap Studio项目。在预览模式下，SVG工作正常，<use>也正常工作，但导出后<use>不再工作，Bootstrap无法为SVG文件设置文件路径。<svg class="svg icon" aria-hidden="true"> <use xmlns:xlink="http://

浏览 0提问于2018-02-01得票数 1

1回答

出现显示SVG图标的问题，使用Webpack 4

javascript、html、svg、webpack

我想做的是：呈现一个svg图标。 use: 'file-loader',html 在sprite.svg中用直接icon.svg交换用<use<

浏览 19提问于2019-11-27得票数 0

1回答

如何创建网格项目的1倍半宽度

css、css-grid

xlink:href="`${sprite}#location`"></use> </div> <div class="class="sprite-icon"> <use :xlink:href

浏览 9提问于2019-12-11得票数 0

2回答

从同一个SVG文件中链接的svg会导致其中一个消失。

html、svg

奇怪的是这个。我有以下几点： <use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#downuse xlink:href="/assets/icon

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

回答已采纳

2回答

JavaScript Toggle不使用具有相同类属性的许多元素

javascript、html、css、toggle

我试图切换“活动”CSS类的“禁用”按钮，以使某些SVG的fill属性在单击时更改。 <svg onclick="toggleColor()" class="home__like disable heart"> <use xlink:

浏览 3提问于2020-11-03得票数 2

回答已采纳

2回答

为什么svg* <使用xlink:*href="#"/>引用带有剪辑路径的元素不起作用？

html、css、svg、clip-path、grunt-svgstore

在实现sprite时，将创建一个<svg>元素，并通过<use>元素引用SVG元素。然后使用<svg>隐藏包含的style="display: none;"元素。如何使用svg <use xlink:href="#"/&

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

回答已采纳

2回答

xlink:href的Nuxtjs Svg绑定不起作用

vue.js、svg、nuxt.js

我无法在Nuxtjs(Vue)中将svg xlink:href作为动态属性。我试着像下面这样使用它 <use v-bind="{ 'xlink:href': '../assets/sprite.svg#icon-download'

浏览 42提问于2019-10-30得票数 1

回答已采纳

1回答

Selenium C# -无法单击具有xlink:href属性的元素

c#、selenium、selenium-webdriver

我对用于C#的Selenium还是个新手。我想单击<svg>标签之间的元素(下图)。我尝试过以下几种方法： driver.FindElement(By.XPath("//use[@href='#events-widg

浏览 4提问于2015-04-17得票数 1

2回答

为什么在从最后到第一，从第一到最后的滑动时，工件会出现？

javascript、jquery、css、slick.js

为什么在从最后到第一，从第一到最后的滑动时，工件会出现？我试过斯威珀滑块，但还是一样的。是因为大图像还是什么的？如果你不激活无穷大，一切都会好起来的，但我需要无限。class=\"icon icon_sprite_arrow_slider\">" + "<use xmlns:xlink=\"http://www.w3.org/1999/xlink\

浏览 4提问于2017-09-16得票数 1

回答已采纳

1回答

使用CSS更改SVG精灵表子画面的颜色

css、colors、svg

我为图标使用了SVG spritesheet。我想在:hover/:active上进行颜色更改。改变SVG颜色的唯一方法(我发现)是如果SVG数据是内联的。有一个很好的脚本可以将外部.svg转换为内联SVG代码：但我不认为它可以与spritesheet一起工作，因为页面上的每个sprite都会被注入整个spritesheet的路径，而不仅仅是特定sprite需要显示<

浏览 3提问于2012-11-22得票数 3

点击加载更多