在SVG上显示文本
在SVG上显示文本
提问于 2012-06-22 14:11:15
我有一个非常图形化的网站，我正在用svg渲染。我遇到的问题是，我需要在图像上显示一些文本，而且由于大多数浏览器不支持在元素中自动换行，所以我使用<foreignObject>在svg中添加了一个<div>。
虽然这在Firefox中工作得相对较好，但Chrome对此处理得很差。我想知道我是否应该尝试在html中创建一个浮动在框架上的<div>，但我认为很难一致地定位这个元素。那么，有没有人有什么想法？下面是我正在处理的页面的链接：http://okcomputerstl.com/K9_Athletic_Club/services.html
回答 2
Stack Overflow用户
发布于 2012-06-22 14:22:46
查看RaphaelJS。
- 它本质上是一个高级SVG的跨浏览器框架。
- 它有很好的文档，并且SVG在2.1版
- 中正在走向成熟。
这是一个文本example。根据我的经验，它在排版方面做得很好。
Stack Overflow用户
发布于 2012-06-22 17:34:25
如果您的内容需要自动流布局，那么使用HTML，只需根据需要添加svg边框或背景即可。
如果您的内容主要是图形，并且您不需要自动流布局，那么完全避免使用foreignObject，而使用一个或多个元素。
SVGWeb根本不能处理foreignObject (或者svg中的html )。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11150972
复制相关文章
相似问题
腾讯云开发者
