https://rulertool.yaolunmao.top/ 代码源于https://github.com/gorkys/vue-ruler-tool,只是改写成了vue3版本,并没有修复bug。。。 Install npm ivue3-ruler-tool Repository github.com/yaolunmao/vue3-ruler-tool Homepage rulertool.yaolunmao.top Weekly...
vue3-ruler-tool是一个基于Vue3的标尺辅助线工具,旨在为开发者提供方便快捷的标尺功能。该工具可以帮助用户在网页设计和布局过程中准确测量元素的尺寸和位置。 使用vue3-ruler-tool,用户可以在页面上添加水平和垂直的标尺线,并进行自定义设置,如单位、颜色、透明度等。标尺线可以根据用户的需求进行拖动和调整,以便更...
v=1.4.15&key=your key&plugin=AMap.Geocoder,AMap.RangingTool" > 测距需要使用AMap.RangingTool 所以要引入AMap.RangingTool 代码 <template> 测距 <el-switch v-model="ceju"/> </template> export default { data() { return { map: null, ceju: false, ruler1: null, type: -1, } ...
49 54 "vue3-ruler-tool": "^0.0.1", 50 55 "vue3-seamless-scroll": "^2.0.1", 51 56 "vuedraggable": "^4.1.0", SpringReport-ui-vue3/pnpm-lock.yaml +847-3 Load DiffSome generated files are not rendered by default. Learn more about customizing how changed files appear on...
Set up the Vite project A recommended approach for beginning with Vue is to scaffold a project usingVite. To create a new Vite project, use one of the commands that are specific to either NPM or Yarn. npm create vite@latest or yarn create vite ...
118 changes: 118 additions & 0 deletions 118 src/sketch-ruler-wrapper/editor-bottom.vue Original file line numberDiff line numberDiff line change @@ -0,0 +1,118 @@ <template> <Edit style="width: 1em; height: 1em; margin-right: 8px" /> ...
│ ├── ruler // 画布标尺内容 ├── components-panel // 组件列表部分 ├── config-panel // 配置面板信息 │ ├── components // 配置面板基础组件,如基础setting(尺寸旋转等),配置标题,数据编辑器,显示api状态等。 │ ├── data-center-panel // 数据中心面板,包括静态数据及动态数据 │ ├...
name: 'ToolBar', Expand Down Expand Up @@ -87,7 +88,7 @@ export default { this.$Spin.show({ render: (h) => h('div', this.$t('alert.loading_data')), }); const getTemp = this.$http.get(tmplUrl); const getTemp = axios.get(tmplUrl); getTemp.then((res) => { this....
vue and ffmpeg based tool for video clips. 使用vue(vue3) + ffmpeg + wasm 实现纯前端音视频编辑,功能包括:视频剪辑、音频剪辑、音频合成裁剪、音波展示、视频抽帧、gif抽帧、帧播放器、字幕、贴图、时间轴、素材轨道 - denghuafeng/CcClip
├── app // 静态资源 │ ├── fabricCanvas // FabricCanvas │ ├── fabricControls // 选择器 │ ├── fabricRuler // 标尺 │ ├── fabricTool // 拖动 │ ├── guideLines // 辅助线 │ ├── hoverBorders // 预选择 │ └── wheelScroll // 缩放 ├── assets // 静态...