vue
文章平均质量分 52
qq_37656005
一位闲散的前端开发
展开
-
vue+jsplumb 实现根据数据渲染出连线绘图
vue+jsplumb 实现根据数据渲染出连线绘图vue+jsplumb 实现连线绘图vue3.x 使用jsplumb进行拖拽连线jsplumb 点击节点或者连线高亮显示原创 2022-07-20 10:11:36 · 2074 阅读 · 4 评论 -
jsplumb 点击节点或者连线高亮显示
利用jsplumb点击某个节点或者连接线高亮显示,改变颜色效果图:连接线高亮: this.jsPlumb.bind('click', (conn, originalEvent) => { console.log(conn,originalEvent); //取消所有连线的高亮颜色 this.jsPlumb.select().setPaintStyle({ stroke: '#A5AAB9',outlineStroke: "transparent"})原创 2021-12-29 16:05:06 · 2458 阅读 · 0 评论 -
vue+jsplumb 实现连线绘图
vue+jsplumb 实现连线绘图jsPlumb是一个比较强大的绘图组件,它提供了一种方法,主要用于连接网页上的元素。在现代浏览器中,它使用SVG或者Canvas技术,而对于IE8以下(含IE8)的浏览器,则使用VML技术。效果图安装npm install jsplumb --savemain.js 引入import jsPlumb from 'jsplumb'Vue.prototype.$jsPlumb = jsPlumb.jsPlumb示例代码<templat原创 2021-08-13 14:15:42 · 5385 阅读 · 12 评论 -
vue中使用three.js加载3d模型,绑定 mouseup 和 mousedown 事件不起作用
vue中使用three.js加载3d模型,绑定 mouseup 和 mousedown 事件不起作用,在Three场景中,如果想要对鼠标进行操作就要引入OrbitControls.js文件,在这种控制方式下,鼠标左键为旋转视角,鼠标中键为拉伸视角,鼠标右键为平移视角。原创 2020-12-17 09:34:19 · 1692 阅读 · 0 评论 -
vue配合gojs实现工业组态绘制
vue配合gojs实现工业组态绘制通过从左侧拖拽区拖拽图片到中间画布区,之后可对此图标进行大小尺寸调整,旋转,删除,绑定等操作进行合理布局拖拽、复制、粘贴、选择、鼠标右键事件、剪切、文本编辑、删除、撤销、查看信息、模板、数据源绑定、事件处理程序、调色板、自动布局、添加画布或者节点的监听事件原创 2020-12-03 09:46:33 · 3954 阅读 · 6 评论 -
vue中元素嵌套iframe后绑在父元素上的点击事件失效
vue中元素嵌套iframe后绑在元素上的点击事件失效点击事件和拖拽事件冲突使用 focus-outside 库解决iframe和父组件之间的通信问题原创 2020-12-02 15:12:07 · 7505 阅读 · 0 评论 -
在vue中使用vue-clipboard2实现点击复制链接功能
在vue中使用vue-clipboard2实现点击复制链接功能(配合使用iview)3种使用方法,其中包括在树形控件tree中使用原创 2020-12-01 15:38:40 · 789 阅读 · 0 评论 -
three.js 导入显示模型的时候自动计算模型缩放比例
three.js 导入显示模型的时候自动计算模型缩放比例,.stl模型加金属材质原创 2020-11-25 15:57:04 · 4288 阅读 · 0 评论 -
vue项目安装和使用three.js
1.安装npm install --save threeJs2.引用three.jsimport * as THREE from 'three/build/three.module'3.根据项目需求引入对应的文件 import {FBXLoader} from 'three/examples/jsm/loaders/FBXLoader' import {OBJLoader} from 'three/examples/jsm/loaders/OBJLoader' import {STL原创 2020-11-22 12:13:45 · 4793 阅读 · 2 评论 -
vue项目里引用Gojs画可拖拽流程图
vue,Gojs,javascript,css项目需求实现可拖拽,可链接,自定义流程图,双击可修改文字原创 2020-11-16 16:00:54 · 2953 阅读 · 8 评论