【问题标题】:SVG background image with raster parts带有光栅部分的 SVG 背景图像
【发布时间】:2014-09-04 13:19:05
【问题描述】:

我在使用 SVG 作为背景图片时遇到了一个奇怪的问题。基本上我有一个图像,其中大部分是矢量精灵,除了几个光栅部分。

问题是在 Safari 中(其他地方似乎都很好)光栅部分根本不显示。

有谁知道我在这里尝试做的事情是否存在已知问题?将矢量与光栅混合是不可取的吗?我比什么都好奇,因为我可以轻松地将光栅部分移动到单独的图像中,但它在除 Safari 之外的任何地方都可以工作,这很烦人。

有问题的图像之一(图钉是矢量,地图是光栅。图钉显示正常,地图不可见):

谢谢, 安迪

【问题讨论】:

  • svg 图像中的栅格是作为数据 uri 还是外部文件嵌入的?
  • 它是嵌入的,所以它不应该是找不到图像(尤其是它在其他浏览器中工作时)。

标签: css vector svg background-image raster


【解决方案1】:

这是一个有趣的问题,安迪。您可以对栅格区域进行矢量化吗? (例如在 Illustrator 中的跟踪)如果没有,我的答案是为 svg 使用精灵表,为光栅图像、png 文件使用精灵表...

【讨论】:

  • 谢谢克里斯。我认为很难很好地追踪,因为它是一张小地图 sn-p。我在原始帖子中添加了屏幕截图。
猜你喜欢
  • 2014-07-13
  • 1970-01-01
  • 2015-03-19
  • 1970-01-01
  • 1970-01-01
  • 2016-12-22
  • 2016-11-02
  • 2014-09-01
  • 1970-01-01
相关资源
最近更新 更多