Questions tagged «svg»

这是通常的SVG MIME类型： image/svg+xml 而且效果很好。但是，当嵌入SVG字体时，chrome会告诉您mime类型不正确，这显然是因为您返回的是字体而不是图像。 有通用的哑剧类型吗？铬不对吗？被application/svg+xml接受吗？ 我想这仍然是HTML5中的灰色区域，但是这里的人可能知道。

168 html  svg  font-face  mime-types 

是否可以background-image为SVG <path>元素设置a ？ 例如，如果我设置了element class="wall"，则CSS样式.wall {fill: red;}有效，但.wall{background-image: url(wall.jpg)}都不起作用.wall {background-color: red;}。

166 html  css  image  svg  background-image 

有人知道该怎么做吗？您会使用canvas对象，svg，jQuery等吗？

165 ipad  html  canvas  svg 

为了在Android中使用svg并避免令人沮丧的创建不同分辨率并为每个分辨率删除文件，我发现了无数的库，当应用程序具有许多图标或图像时，这将变得非常烦人。 任何人都可以像这样一步一步地介绍最简单的库来在Android中使用SVG的过程，我相信这也会对其他许多人有所帮助。 另外，我使用Android Studio和Illustrator生成图标和图像。

165 android  svg  androidsvg 

因此，我有一个HTML格式的SVG文件，据我所知，关于格式的一件事是，当您放大该文件时，它并不会全部像素化。 我知道使用jpeg或其他任何方式可以将其存储为50 x 50图标，然后通过手动设置image_src的高度和宽度，将其实际显示为（相对像素化）100 x 100缩略图（或10 x 10）。标签。 但是，SVG文件似乎与对象/嵌入标签一起使用，并且更改THOSE的高度或宽度只会导致为图片分配更多的空间。 是否有任何方法可以指定您要显示的SVG图像小于或实际存储在文件系统中？

156 html  svg 

我已经为此苦苦挣扎了一段时间，似乎无法在任何地方找到答案。我有一个SVG文件，看起来像这样： <svg xmlns:dc="http://purl.org/dc/elements/1.1/" ... width="72.9375" height="58.21875" ...> ... <g ... transform="translate(10.75,-308.96875)" style="..."> <path inkscape:connector-curvature="0" d="m -10.254587,345.43597 c 0,-1.41732 0.17692,-2.85384 0.5312502,-3.5625 0.70866,-1.41733 2.14518,-2.82259 3.5625,-3.53125 1.41733,-0.70866 2.11392,-0.70867 3.53125,0 1.41732,0.70866 ... z" ... /> </g> </svg> 我想删除该transform="..."行，但图像仍停留在放置位置（在InkScape中）。如果我手动删除该转换，则图像会压缩到屏幕的另一部分（如预期的那样），但是我需要完全摆脱该转换，同时将图像精确地放置在所需的位置。有没有办法删除/展平到路径坐标本身的变换？（我需要处理的唯一变换是平移和缩放，没有矩阵。）

155 svg  transform  inkscape 

我在这样的项目中使用svg圈子， <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> 我在g标签中使用z-index 来显示第一个元素。在我的项目中，我只需要使用z-index值，但是不能对我的svg元素使用z-index。我已经在Google上搜索了很多，但是没有找到任何相对的东西。因此，请帮助我在我的svg中使用z-index。 这是演示。

154 javascript  jquery  svg  z-index 

SVG图像是纯粹矢量的，还是可以将位图图像组合成SVG图像？如何将变换应用于位图图像（透视图，映射等）？ 编辑：通过链接参考，图像可能包含在SVG中。参见http://www.w3.org/TR/SVG/struct.html#ImageElement。我的问题是，实际上是否可以将位图图像包含在svg中，以便svg图像是自包含的。否则，无论何时显示svg图像，都必须遵循链接并下载图像。显然.svg文件只是xml文件。

147 image  svg  bitmapimage 

简短的问题：使用SVG路径，我们可以绘制99.99％的圆并显示出来，但是当它是99.99999999％的圆时，该圆就不会显示。如何解决？ 以下SVG路径可以绘制99.99％的圆：（在http://jsfiddle.net/DFhUF/1381/上尝试一下，看看是否看到4个圆弧或只有2个圆弧，但是请注意，如果是IE，则为以VML而非SVG呈现，但存在类似问题） M 100 100 a 50 50 0 1 0 0.00001 0 但是当它是一个圆的99.99999999％时，什么都不会显示吗？ M 100 100 a 50 50 0 1 0 0.00000001 0 这与100％的圆相同（它仍然是弧，不是，只是一个非常完整的弧） M 100 100 a 50 50 0 1 0 0 0 如何解决？原因是我使用一个函数绘制一定比例的圆弧，并且如果我需要特殊情况下使用圆形函数绘制99.9999％或100％的圆弧，那将是很愚蠢的。 同样，在http://jsfiddle.net/DFhUF/1381/上使用RaphaelJS进行jsfiddle的测试用例 （如果在IE 8上是VML，则即使第二个圆圈也不会显示...您必须将其更改为0.01） 更新： 这是因为我在系统中为得分绘制了圆弧，所以3.3点得到了一个圆的1/3。0.5分半圈，而9.9分分99％。但是，如果我们系统中的分数为9.99，该怎么办？我是否必须检查它是否接近圆的99.999％，并相应地使用一个arc函数或一个circle函数？那分数9.9987呢？使用哪一个？需要知道什么样的分数会映射到“太完整的圆”并切换到圆函数，这是荒谬的，而当它是圆的“某个99.9％”或9.9987分数时，则使用圆弧函数。

146 svg  geometry  drawing  vml  geometric-arc 

我的HTML页面中有一个SVG对象，并将其包装在锚点中，因此，当单击svg图像时，会将用户带到锚点链接。 <a href="http://www.google.com/"> <object data="mysvg.svg" type="image/svg+xml"> <span>Your browser doesn't support SVG images</span> </object> </a> 当我使用此代码块时，单击svg对象不会将我带到Google。在IE8 <中，跨度文本是可单击的。 我不想修改我的svg图像以包含标签。 我的问题是，如何使svg图像可点击？

143 html  object  svg  anchor 

假设我有SVG文件： <svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <text x='20' y='60' style="font-size: 60px">b</text> <text x='100' y='60' style="font-size: 60px">a</text> </svg> 我想以某种方式排列的顶部a和b。实际上，我希望我的定位符合roofline而不是baseline！

142 svg  vertical-alignment  w3c 

我喜欢Font Awesome图标字体，并且希望将其用于我网站上的大多数图标，但是除了提供的功能外，我还需要一些自定义svg图标。 我注意到Font .wev的.svg版本主要由以下<glyph />元素组成： ... <glyph unicode="" horiz-adv-x="1536" d="M0 80v477q0 51 24.5 61.5t59.5 -24.5l162 -162l340 338l-338 338l-164 -164q-35 -35 -59.5 -25.5t-24.5 60.5v477q0 31 23 57q27 23 57 23h477q51 0 61.5 -24.5t-24.5 -59.5l-160 -158l338 -338l332 334l-162 162q-35 35 -24.5 59.5t61.5 24.5h477q33 0 55 -23 q25 -25 25 -57v-477q0 -51 -24.5 …

138 svg  webfonts  font-awesome 

我想将整个SVG文档的默认背景色设置为红色。 <svg viewBox="0 0 500 600" style="background: red">/* content */</svg> 上面的解决方案有效，但是不幸的是，style属性的bac​​kground属性不是标准的：http : //www.w3.org/TR/SVG/styling.html#SVGStylingProperties，因此在使用SVG进行清理过程中将其删除。清洁器。 还有另一种方法来声明此背景色吗？

134 svg 

是否有将SVG文件绘制到HTML5画布上的默认方法？Google Chrome支持将SVG加载为图像（并简单地使用drawImage），但是开发者控制台会对此进行警告resource interpreted as image but transferred with MIME type image/svg+xml。 我知道将SVG转换为canvas命令的可能性（就像在这个问题中一样），但是我希望这不是必需的。我不在乎较旧的浏览器（因此，如果FireFox 4和IE 9支持某些功能，那就足够了）。

130 html  canvas  svg 

我希望在网站上使用SVG徽标，以使其在所有设备的自适应设计中看起来都很棒。 但是由于存在问题，我想支持尽可能多的设备和浏览器。加载速度也是一个重要的考虑因素。Adobe Illustrator中的导出设置如何适应所有这些？ 在Illustrator中，SVG导出有多个选项。首先，哪种SVG配置文件是最好的？ 我认为SVG Tiny的文件大小较小吗？许多设备支持SVG Tiny吗？最重要的区别是什么？（无需阅读此W3怪物。） 其次，我认为图像位置的最佳选择是“链接”？（请参阅感叹号后的说明。） 另外，浏览器如何支持“嵌入”选项？ 谢谢！ PS将有一个后备alpha-PNG选项，但我希望SVG尽可能得到最好的支持。（想一想，在这种情况下，后备选项（如JPG）可能是最好的选择，因为alpha-PNG本身需要较旧IE的解决方案。） 更新：还有更多可以配置的选项。我不是在处理文本，所以我看到的唯一相关的是小数位。对于徽标，某些东西最大显示为200x200px（在Retina显示屏上为400x400px），“ 3”是最佳设置吗？还是“ 2”以最小化文件大小？

128 html  css  image  svg  adobe-illustrator