首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

你如何在SVG中做出一个块评论

在SVG中创建一个块评论,可以使用<foreignObject>标签将HTML内容嵌入到SVG中,然后在其中创建一个类似于块评论的盒子。以下是一个示例代码:

代码语言:html
复制
<svg width="500" height="300" xmlns="http://www.w3.org/2000/svg">
  <foreignObject x="10" y="10" width="480" height="280">
    <div xmlns="http://www.w3.org/1999/xhtml">
      <div style="border: 1px solid black; padding: 10px; margin-bottom: 10px;">
       <strong>用户1:</strong>这是一个块评论。
      </div>
      <div style="border: 1px solid black; padding: 10px;">
       <strong>用户2:</strong>这是一个回复。
      </div>
    </div>
  </foreignObject>
</svg>

在这个示例中,我们使用了<foreignObject>标签将一个HTML盒子嵌入到SVG中,并使用CSS样式创建了类似于块评论的盒子。这个盒子可以包含多个评论和回复,可以根据需要进行扩展和修改。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

12分40秒

13分钟详解Linux上安装Vim插件—YouCompleteMe:文本编辑更强大和清爽

1分10秒

PS小白教程:如何在Photoshop中制作透明玻璃效果?

2分4秒

PS小白教程:如何在Photoshop中制作出水瓶上的水珠效果?

2分29秒

基于实时模型强化学习的无人机自主导航

领券