vue实现ps辅助线功能

红太狼 2023-07-21 11:03 6阅读 0赞

## 先上效果图 ##

![标尺辅助线][20200403142237386.png]

## 项目地址 (vue-ruler-tool) ##

[点此进入][Link 1]

## 特点 ##

> 没有依赖 可拖动的辅助线 快捷键支持

## 安装与基本用法 ##

$ npm install --save vue-ruler-tool

全局注册

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

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

<template>
      <div id="app">
        <vue-ruler-tool
          :content-layout="{left:200,top:100}"
          :is-scale-revise="true"
          :preset-line="presetLine"
        >
          <div class="test"></div>
        </vue-ruler-tool>
      </div>
    </template>
    
    <script>
    import VueRulerTool from 'vue-ruler-tool'
    export default { 
      name: 'app',
      components:{ 
        VueRulerTool
      },
      data () { 
        return { 
          presetLine: [{  type: 'l', site: 100 }, {  type: 'v', site: 200 }]
        }
      }
    }
    </script>

## npmjs地址 (内含参数配置) ##

[点此进入][Link 2]

## **注意** ##

目前我下载的最新版npm包无法使用，建议大家下载1.0.8版本

"vue-ruler-tool": "^1.0.8",

[20200403142237386.png]: /images/20230528/01e6a07a23494d419e436543ff2f676c.png
[Link 1]: https://github.com/gorkys/vue-ruler-tool
[Link 2]: https://www.npmjs.com/package/vue-ruler-tool

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue实现登录功能

代码地址：https://github.com/Snowstorm0/vue-login-mock。

妖狐艹你老母/ 2024年04月23日 03:34/ 0 赞/ 87 阅读

相关 vue实现ps辅助线功能

先上效果图 ![标尺辅助线][20200403142237386.png] 项目地址 (vue-ruler-tool) [点此进入][Link 1] 特点

红太狼/ 2023年07月21日 11:03/ 0 赞/ 7 阅读

相关 AccessibilityService 辅助功能

AccessibilityService 辅助功能简介无障碍辅助功能，Android提出这个功能，主要是用于帮助残疾人使用Android设备和应用程序。它们

分手后的思念是犯贱/ 2022年12月28日 04:14/ 0 赞/ 194 阅读

相关 Vue实现复制功能

Vue实现复制功能代码 -------------------- 代码 var app = new Vue({ el: 'do

蔚落/ 2022年10月11日 13:49/ 0 赞/ 253 阅读

相关 vue打印功能实现

vue打印功能实现效果图其中有一个是可编辑的文本效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3

小灰灰/ 2022年09月04日 07:56/ 0 赞/ 218 阅读

相关 vue实现图片滑动验证功能——功能实现

图片滑动验证，是目前比较常见的验证方式，主要目的是防止用户利用机器人自动注册、登录、灌水。 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5n

今天药忘吃喽~/ 2022年08月31日 15:12/ 0 赞/ 492 阅读

相关 Android辅助功能服务AccessibilityService

转载自：http://www.jianshu.com/p/27df6983321f Android提供辅助功能服务的目的在于帮助那些具有视觉、身体或年龄相关限制的用

ゞ浴缸里的玫瑰/ 2022年06月07日 12:19/ 0 赞/ 256 阅读

相关 vue实现登陆功能

最近在学习vue，发现了vue的好多坑，比如怎么更好的获取input框输入的值而减少获取dom节点的消耗，以及怎么绑定一个函数，去执行业务逻辑。 1、首先说说怎么获取inp

快来打我*/ 2022年05月13日 04:22/ 0 赞/ 258 阅读

相关射击类游戏--射击辅助线的实现

最近在项目中碰到一个问题，炮台再射击物体的时候，要生成一个炮台和目标的辅助线。类似于捕鱼类游戏，在锁定目标的情况下，生成的辅助线。因为项目是3D的，所以在生成这个辅助线的时

超、凢脫俗/ 2022年02月03日 16:11/ 0 赞/ 426 阅读

相关 vue实现搜索功能

> 前言：最近小编也是刚跳槽新的公司一个月，前端技术栈是vue+element也是市面上比较常用的框架之一了，同时也花费一点时间总结一下最近的坑，react转vue的一个过程确

Love The Way You Lie/ 2022年01月22日 06:01/ 0 赞/ 407 阅读