Graphics-tools NPM

Graphics Tools

install:

npm i graphics-tools

import:

import GraphicsTools from 'graphics-tools';
Vue.use(GraphicsTools);

vue use:

<GraphicsTools/>

Support props:

props: {
    //右侧事件列表的宽度
    rightSectionWidth: {
      type: String,
    },
    //默认点的颜色
    defaultPointColor: {
      type: String,
    },
    //默认线条颜色
    defaultLineColor: {
      type: String,
    },
    //是否区分不同类型线的颜色
    isShowColorfulLine: {
      type: Boolean,
    },
    //是否显示绘制形状中间的文本，ex:3D标注
    isShowCenterText: {
      type: Boolean,
    },
    //相机id
    cameraId: {
      type: [String, Number],
    },
    // 图片链接
    imgUrl: {
      type: String,
    },
    // 右侧的配置项，有哪些题目
    tagsConf: {
      type: Object,
    },
    //支持更改线颜色
    colorfulLabelNames: {
      type: Object,
    },
    // 标注内容
    markData: {
      type: Object,
    },
    // 默认的过滤图形
    defaultFilter: Array,
    //是否显示过滤图形 -> default:false
    showFilterGraphics: false,
    //是否显示：提示 -> 2d门线 default:false
    isTipsCanvas: false,
  },