2个回答
展开全部
<rect x="10" y="10" rx="5" ry="5" width="150" height="100"
stroke="red" fill="none">
</rect>
<image x="30" y="10" rx="5" ry="5" width="150" height="100"
href="ll.png">
</image>
可以加一个image标签覆盖在它上面
追问
这个image标签直接就能默认在这个rect标签里覆盖吗,不用引用id什么的吗
追答
SVG是严格按照定义元素的顺序来渲染的,这个与HTML靠z-index值来控制分层不一样。在SVG中,写在前面的元素先被渲染,写在后面的元素后被渲染。后渲染的元素会覆盖前面的元。所以后面的image标签会默认覆盖前面的rect标签
博思aippt
2024-07-20 广告
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具,它提供了4种AI制作PPT的方式,包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT,一站式集成多种AI生成PPT的方式,可满足办公用户的不同需求和使用场景。ai生...
点击进入详情页
本回答由博思aippt提供
展开全部
用fill属性和svg的defs标签中的pattern标签来做配合
<svg>
<defs>
<pattern id="imgId" width="1" height="1">
<image xlink:href="../images/A.png"></image>
</pattern>
</defs>
<rect class="nodeCircle" fill="url(#imgId)" style="stroke-opacity: 0;" width="40" height="40" x="-15" y="-20"></rect>
</svg>
<svg>
<defs>
<pattern id="imgId" width="1" height="1">
<image xlink:href="../images/A.png"></image>
</pattern>
</defs>
<rect class="nodeCircle" fill="url(#imgId)" style="stroke-opacity: 0;" width="40" height="40" x="-15" y="-20"></rect>
</svg>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询