242得票18回答
如何在SVG元素中使用z-index?

我在我的项目中使用SVG圆形,像这样:<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <ci...

242得票8回答
在HTML中调整SVG大小?

我在HTML中有一个SVG文件,关于这种格式的一件事我听说过,就是当你放大它时,它不会变得像素化。 我知道用JPEG或其他格式,我可以将其存储为50x50的图标,然后通过手动设置image_src标签中的高度和宽度来实际显示为(相当像素化的)100x100缩略图(或10x10)。 然而,S...

241得票1回答
适用于嵌入字体的SVG图像的正确mime类型

这是常见的SVG MIME类型:image/svg+xml 它运行得非常好。但是,当嵌入SVG字体时,Chrome会告诉您mime类型不正确,显然是因为您返回的是字体而不是图像。 有没有通用的MIME类型?Chrome是错的吗?application/svg+xml是否被普遍接受? 我想这...

234得票5回答
SVG:矩形内的文本

我想在SVG的rect内显示一些文本。这是否可能? 我尝试过<svg xmlns="http://www.w3.org/2000/svg"> <g> <rect x="0" y="0" width="100" height="100" fill="r...

229得票8回答
我该如何删除或替换SVG内容?

我有一段JavaScript代码,通过D3.js创建了一个包含图表的svg元素。我希望能够通过AJAX从Web服务获取新数据来更新图表,但是每次单击更新按钮时都会生成一个新的svg,因此我想删除旧的svg或更新其内容。 以下是创建svg的JavaScript函数中的代码片段:var svg ...

229得票11回答
如何在HTML中创建一个泪滴形状?

如何在网页上创建这样的形状?我不想使用图像,因为缩放后会变得模糊。我已经尝试过 CSS: .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; widt...

220得票17回答
jQuery的append方法不能与SVG元素一起使用?

假设这样:<html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(docu...

215得票1回答
使用背景图片填充SVG路径元素

能否为SVG <path> 元素设置 background-image 背景图片呢? 例如,如果我给元素设置了 class="wall",CSS样式 .wall {fill: red;} 可以生效,但是 .wall{background-image: url(wall.jpg)} ...

208得票16回答
如何在React组件中显示SVG图标(.svg文件)的UI?

我已经看过很多关于使用React的SVG库,但没有一个告诉我如何在React组件中导入SVG文件。我看到的代码都是把SVG代码带入React,而不是将.svg图标作为图像使用并在UI中显示它。 请告诉我是否有嵌入该图标的方法。

204得票24回答
如何在React Native中显示SVG文件?

我想展示一些svg文件,但是我找不到展示方法。我尝试使用react-native-svg的Image和Use组件,但它们并不能用于展示svg。我也尝试了本地方法,但很难仅仅展示svg图像。 示例代码:import Svg, { Use, Image, } from 'react-na...