允许在
HTML中嵌入SVG …
<!DOCTYPE html> <html lang="en"> <head> <title>Hmmm....</title> </head> <body> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="500px" height="100%"> <text>Hello cruel world!</text> </svg> </body> </html>
……反之亦然:
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="500px" height="100%"> <foreignObject x="0" y="0" width="100%" height="100%"> <body xmlns="http://www.w3.org/1999/xhtml"> <h1>Goodbye cruel world...</h1> </body> </foreignObject> </svg>
规范say(23.2,第三段)(和我引用:)“如果你想在SVG的XHTML中将SVG嵌入到SVG中的SVG中,那就没关系……”.我想哇,那太深了!并做到了这一点:
<!DOCTYPE html> <html lang="en"> <head> <title>Yeah!</title> </head> <body> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="500px" height="100%"> <foreignObject x="0" y="0" width="100%" height="100%"> <body class="svgbody" xmlns="http://www.w3.org/1999/xhtml"> <h1>And hello again!</h1> </body> </foreignObject> </svg> </body> </html>
但是所有浏览器都将body标签与HTML5 body标签合并(HTML5 body标签获取svgbody类)…这是fiddle(fullscreen);内联svg中没有正文标记.
解决方法
原文地址:https://www.jb51.cc/html/226842.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。