Skip to content

几何图形

在HFLVComp组件库中,包含基础图形,包括横线、竖线、斜线、三角形、矩形、菱形、圆形,箭头,双箭头。

横线

水平线示意图

属性配置说明
虚线数组默认为空即实线,配置形式参考 SVG 的 stroke-dasharray
动画默认不开启
动态配置默认不开启。线绑定动态数据时可开启,开启后填写线色规则即可

虚线数组配置参考

效果说明
实线(空) 或 none默认
短虚线5 5工程图常用
长虚线20 10轮廓线
点线2 6辅助线
点划线20 10 2 10中心线
双点划线20 10 2 10 2 10特殊边界线
密集点线1 3低可见度辅助线

数据配置

数据配置说明
取色缓存与某个 Key 的数据缓存绑定
线颜色从数据缓存绑定的对象中解析线颜色值的 Key

竖线

配置与横线相同。

斜线

配置与横线基本相同,额外增加一个下斜线参数:

  • 默认:上斜线
  • 开启后:下斜线

TIP

通常通过对横线或斜线设置旋转角度也可以实现斜线效果,但组件旋转后,在缩放场景下显示效果不及预期,因此推荐使用斜线组件代替。

其他图形

三角形、矩形、菱形、圆形、箭头、双箭头等几何图形的配置与横线类似,不再逐一说明。

基于 VitePress 构建