v-svg

介绍

展示svg图片

预览

引入

方式请参考组件用法 。

代码演示

基础用法

<v-sidebar :config="svgConfig"></v-sidebar>

export default {
  setup() {
    const svgConfig = {
            width = 100,
            height = 100,
            radius = 0,
            fillColor = '#fff',
            fillOpacity = 0.3,
            stroke = "none",
            strokeWidth = 0,
            text = '',
            textX = 0,
            textY = 20,
            fontSize = 13,
            fontFill = "#fff",
            textAnchor = "start"
          };
    return { sidebarItemConfig};
  },
};

:::

API

Sidebar Props）

参数	说明	类型	默认值
width	宽度	number	100
height	高度	number	100
radius	圆角	number	0
fillColor	填充颜色	string	#fff
fillOpacity	填充透明度	number	0.3
stroke	外轮廓	string	none
strokeWidth	边线宽度	number	0
text	文本	string	''
textX	文本位置X轴	number	0
textY	文本位置Y轴	number	0
fontSize	字体大小	number	13
fontFill	字体颜色	string	#fff
textAnchor	文字对齐方式	start / middle/	end /inherit