1

我有一个非常图形化的网站，我用 svg 渲染。我遇到的问题是我需要在图像上显示一些文本，并且由于大多数浏览器不支持在元素中自动换行，因此我使用 a在 svg<foreignObject>中添加 a 。<div>

虽然这在 Firefox 中效果相对较好，但 Chrome 处理得非常糟糕。我想知道我是否应该尝试<div>在 html 中制作一个漂浮在框架上的 a，但我认为很难始终如一地定位这个元素。那么，有人有什么想法吗？这是我正在处理的页面的链接：http: //okcomputerstl.com/K9_Athletic_Club/services.html

4

2 回答 2

1

如果您的内容需要自动流式布局，请使用 HTML，并根据需要添加 svg 边框或背景。

如果您的内容主要是图形，并且您不需要自动流布局，那么完全避免使用 foreignObject 并使用一个或多个 <text> 元素。

SVGWeb 根本不处理foreignObject（或svg 中的html）。

于 2012-06-22T09:34:25.020 回答
1

查看RaphaelJS。

  1. 它本质上是一个用于高级 SVG 的跨浏览器框架。
  2. 它有很好的文档和支持（sencha）
  3. 它在 2.1 版本中逐渐成熟
  4. 这是免费的。

这是一个文本示例。根据我的经验，它的排版效果很好。

于 2012-06-22T06:22:46.063 回答