如何将 div 标签包装在 svg 标签中
简志
是否可以将 div 标签包装在 svg 标签中？
这是我到目前为止...
<div>
<svg style="width: 50px;height: 50px;border: solid black;">
<div style="fill: blue;text-decoration: black">test</div>
</svg>
</div>
我看不到内部 div 标签的内容。在 Firefox 浏览器中右键单击内容会显示它在那里。
那么有什么方法可以正确显示div吗？
罗伯特·朗森
如果要在某些 SVG 内容中显示 div，则需要使用 foreignObject 标记包装 div。
这是添加了 foreignObject 标签的标记。我还更正了内部 div 中的 CSS 属性，以便它们执行某些操作。
<div>
<svg style="width: 50px;height: 50px;border: solid black;">
<foreignObject width="100%" height="100%">
<div style="background-color: blue;text-decoration: underline">test</div>
</foreignObject>
</svg>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
编辑于
相关文章
TOP 榜单
- 1
验证REST API参数
- 2
带有错误“ where”条件的查询如何返回结果？
- 3
使用SciPy的最小值来找到图中的最短路径
- 4
OpenGL纹理格式的颜色错误
- 5
未捕获的SyntaxError：带有Ajax帖子的意外令牌u
- 6
如何清除已撤销的GPG密钥？
- 7
OpenCv：改变 putText() 的位置
- 8
Python PIL putdata颜色必须为int或tuple
- 9
如何通过 iOS SDK 通过蓝牙将字体发送到 Zebra 打印机 (Zebra imz320)
- 10
如何从JavaScript中的MP3文件读取元数据属性？
- 11
如何根据Azure中的部署名称删除所有部署的资源
- 12
IE 11中的FormData未定义
- 13
混乱的EFI分区，启动时没有启动选项
- 14
如何在R中转置数据
- 15
Redux动作正常，但减速器无效
- 16
在 Python 2.7 中。如何从文件中读取特定文本并分配给变量
- 17
超过时间限制错误C ++
- 18
如何使用HttpClient的在使用SSL证书，无论多么“糟糕”是
- 19
如何对treeView的子节点进行排序
- 20
去噪自动编码器和常规自动编码器有什么区别？
- 21
在where子句中使用AVG函数和DATEADD进行嵌套查询
我来说两句