依据 VectorDraw 封装的

需要在 public/index.html 中引入 js 点击跳转

前言

点击跳转 npm
或 npm i cad-project --save

增加元素 AddEntity

<auto-cad ref="autoCad" path="data/testcad.vds" :ids="example" />data() {return {//Id是元素Id -> AutoCad 里面的 HandleId// Type : undo 变换为红色 done 绿色 doing 黄色example: [{ Id: 12695, Type: "undo" },{ Id: 12724, Type: "done" },{ Id: 12789, Type: "doing" },],};},/*** eEntityType : circle、triangle、square、pentagram* ptPosition : [0, 0]* dCircumcircleRadius : 1* aColor : "255,255,0"* bHatch : 是否填充 bool* type_str : 类型名称 用于区分*/this.$refs.autoCad.AddEntity(...args)

增加图片 AddImage

    /*** name_id : 名称唯一* base_str :图片base64字符串* position :经纬度[x,y,0]* type_str : 类型名称 '摄像头' '风险源' 等*/var entity = this.$refs.autoCad.AddImage(name_id, base_str, position, type_str)

后续可以继续增加

Vue AutoCad vds文件渲染、操作相关推荐

AutoCAD Map 3D对ArcGIS shp文件的操作详解！
在之前的一篇推文中,介绍了用AutoCAD Map 3D将多段线转换为shp格式线或面文件,实际上,AutoCAD Map 3D作为CAD和GIS的桥梁,它对GIS数据格式的操作远不止这些. 例如:A ...
Vue上传文件操作（没有CV,认真看）
项目场景: 通过vue上传文件基本操作问题描述: 使用html上传文件时,很容易理解,那么vue文件上传呢?我们学了vue不可能还往里面写原生html的内容吧! 先放代码再解释: <templ ...
list vue 删除后页面渲染_浅谈Vue项目实战（页面渲染+事件绑定）
页面渲染 vue是不会去操作dom节点,是有数据去操控节点,在js文件数据都在data里 *js代码片* export default { data() { return { formInline: ...
vue data 值如何渲染_Vue执行流程解析
引言相信绝大多数的前端小伙伴已记不清做了多少项目,写了多少代码了,每个人如同教科书般地写着Vue代码: // 单文件组件中常见代码 export default {data () {return { ...
Vue基础——VueJS是什么、Vue的优缺点、vue2和vue3的模板区别、MVVM数据双向绑定、Vue的安装和使用、Vue模板语法-文本渲染、常用的vue的指令
目录一.VueJS是什么? 二.Vue的优缺点三.MVVM 数据双向绑定四.Vue的安装和使用五.Vue模板语法-文本渲染六.常用的vue的指令一.VueJS是什么? 它是一个轻量级MVV ...
Vuex 数据流管理及Vue.js 服务端渲染（SSR）
Vuex 数据流管理及Vue.js 服务端渲染(SSR)项目见:https://github.com/smallSix6/fed-e-task-liuhuijun/tree/master/fed-e- ...
vue项目利用预渲染prerender-spa-plugin处理seo --viga
vue项目利用预渲染处理seo 写在前面什么是SEO? SEO是英文 Search Engine Optimization 的缩写,中文意思"搜索引擎优化".SEO是指在了解搜索 ...
vue使用prerender预渲染配合vue-meta实现单页面实现SEO优化
公司项目在已在开发完成的情况下通知需要做SEO优化.因为项目使用的是vue做的单页面应用,顿时人都不好了,只好网上搜罗出来一些配置(其实是另一个带我的老大哥他做的,但是他要走了,工作交接给我, 我需要 ...
vue如何通过VNode渲染节点
vue如何通过VNode渲染节点 vue的源码包含三大核心实现一个Mini-Vue 渲染系统的实现 vue2和vue3写法上的区别 vue的源码包含三大核心 Compiler模块:编译模板系统 Ru ...

Vue AutoCad vds文件渲染、操作

依据 VectorDraw 封装的

前言

增加元素 AddEntity

增加图片 AddImage

后续可以继续增加

Vue AutoCad vds文件渲染、操作相关推荐

最新文章

热门文章

Vue AutoCad vds文件 渲染、操作

依据 VectorDraw 封装的

前言

增加元素 AddEntity

增加图片 AddImage

后续可以继续增加

Vue AutoCad vds文件 渲染、操作相关推荐

最新文章

热门文章

Vue AutoCad vds文件渲染、操作

Vue AutoCad vds文件渲染、操作相关推荐