Ví dụ:Làm thế nào để nhúng một div HTML bên trong một svg
<div> Hello World </div>
<svg>
<div> From SVG Land</div>
</svg>
Câu hỏi:
Mặc dù các thẻ, được đối tượng SVG phân tích riêng rẽ và không một phần thích hợp của cây dom? Làm thế nào để tôi nhận được DIV bên trong các phần tử SVG?
Hãy xem xét cơ sở vật thể nước ngoài của svg. http://ajaxian.com/archives/foreignobject-hey-youve-got-html-in-my-svg
Như đã đề cập bởi @Stasik, externalObject có thể được sử dụng.
Ví dụ:
<svg>
<foreignObject width="100" height="50"
requiredExtensions="http://www.w3.org/1999/xhtml">
<!-- XHTML content goes here -->
<body xmlns="http://www.w3.org/1999/xhtml">
<p>Here is a paragraph that requires word wrap</p>
</body>
</foreignObject>
<svg>
Trích từ:https://developer.mozilla.org/en-US/docs/Web/SVG/Element/foreignObject
Một bản tóm tắt của liên kết sẽ được tốt đẹp. Nó đã được viết 4 năm trước khi bạn viết câu trả lời này, và nó bây giờ là 3 năm nữa sau đó. Thực tế nó vẫn còn là một phép màu, nhưng có lẽ chúng ta không nên nhấn may mắn của mình. – trysis
Đó là năm 2016 và liên kết vẫn chưa có! :) – cesarpachon