vue连线插件_基于vue的网页标尺辅助线工具(vue-ruler-tool)

80 阅读 0 评论 53 点赞

我是靠谱客的博主重要樱桃，最近开发中收集的这篇文章主要介绍vue连线插件_基于vue的网页标尺辅助线工具(vue-ruler-tool)，觉得挺不错的，现在分享给大家，希望可以做个参考。

原文首发于我的博客，欢迎点击查看获得更好的阅读体验~

标尺辅助线.gif

vue-ruler-tool

最近在网上找到一个网页制作辅助工具-jQuery标尺参考线插件，觉得在现在的一个项目中能用的上，插件是基于JQuery的，但是现在的项目是用vue写的。So...,

就照葫芦画瓢改装成了Vue组件，总的来说算是一个用处较多的组件，于是乎，就想着把它分享出来。

项目地址

特点

没有依赖

可拖动的辅助线

快捷键支持

好吧，其实这个组件没什么太多的特点~

安装与基本用法

$ npm install --save vue-ruler-tool

全局注册

import Vue from 'vue'

import VueRulerTool from 'vue-ruler-tool'

Vue.component('vue-ruler-tool', VueRulerTool)

你现在就可以使用该组件了

:content-layout="{left:200,top:100}"

:is-scale-revise="true"

:preset-line="presetLine"

import VueRulerTool from 'vue-ruler-tool'

export defaul

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

vue连线 插件_基于vue的网页标尺辅助线工具(vue-ruler-tool)