<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<svg>
<defs>
<!-- 定义一个可复用的圆形 -->
<circle id="myCircle" cx="80" cy="30" r="100" fill="blue" />
</defs>
</svg>
<svg width="500" height="500">
<!-- 引用上面定义的圆形 -->
<use xlink:href="#myCircle" x="100" y="100" />
</svg>
</html>
svg标签如何搭配use标签使用
原创
©著作权归作者所有:来自51CTO博客作者徐同保的博客的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
svg 组件用法 -- defs标签使用
案例在svg中关于图形的复用,是通过标签defs来解决的。举个例子:在图形中红色圆
vue.js 前端 javascript 复用 解决方案 -
带你了解SVG标签
SVG是一种图形文件格式,它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形
前端 javascript html SVG ci