Legend图例样式组件

2025-03-04 10:06:33首发，3周前更新

legend图例样式组件主要用来作为小图片装饰形式存在，可置于任何组件或模块当中；包含rep=disk、rep=cube和rp=image

简单使用

图例样式组件主要包含rep=disk、rep=cube和rep=image。

• rep=disk：是小型的圆形图片，高宽等比例，原图可能被裁剪，一般用于头像。
• rep=cube：是方形的图片，高宽等比例，有小圆角，原图可能被裁剪，一般用于头像。
• rep=image：是普通图片，不会裁剪，一般用于真实小图。

他们的尺寸未定义，需要用户自定义或者通过父模块/组件进行局部定义。

内置图片

可以将图片放到rep节点内部，效果一样。

空图片

在内置图片的前提下，如果img标签的src属性为空或者没有写，将使用默认图标代替显示。

因为不能确定图片是否有透明度，所以rep标签默认没有背景色，不过可手动添加背景色

支持svg

支持本身是svg标签或者子标签是svg格式的矢量图片。

由于svg本身就是一个图标，通常使用rep=image标签即可，不需要使用rep=disk或rep=cube。

使用背景图

由于cube和disk是长宽等比的，所以可能会插入背景图作为头像，或者以背景图引入框架内置的默认图片/图片。