美文网首页
node-red开发遇到的坑之【svg嵌入XML/HTML】

node-red开发遇到的坑之【svg嵌入XML/HTML】

作者: VinSmokeW | 来源:发表于2022-07-27 14:34 被阅读0次

    使用foreignObject可以嵌入html元素

    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
      <foreignObject x="20" y="20" width="160" height="160">
        <input type="text" style="width: 100px;" />
      </foreignObject>
    </svg>
    
    值得注意的是,嵌入部分应放置在图像层后部,否则会出现不显示的问题

    详见MDN文档

    相关文章

      网友评论

          本文标题:node-red开发遇到的坑之【svg嵌入XML/HTML】

          本文链接:https://www.haomeiwen.com/subject/esjzirtx.html