封装一个组件生成坐标系

问题遇到的现象和发生背景

背景：vue2+ts
开发的时候有一个业务场景是要封装一个组件接受row和columu 然后生成一个类似坐标系的东西像这样

接着用鼠标连接各个点位然后保存有点像手势解锁希望可以提供一点思路

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

1条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
limit、T 2022-09-07 09:00
关注
mousedown、mouseup、在鼠标满足按下并且位置在其中一个点位的时候保存坐标点（在这之前可以看看保存的上一个点与这个点之间有没有之间点，也可以保存下来）。

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报编辑记录
编辑

预览
轻敲空格完成输入
显示为

卡片

标题

链接
评论

按下Enter换行，Ctrl+Enter发表内容
limit、T 2022-09-07 09:02

保存连接顺序为数组

[[x, y], [x1, y1], [x2, y2]]

赞

回复

编辑

预览

轻敲空格完成输入
显示为

卡片

标题

链接

回复

按下Enter换行，Ctrl+Enter发表内容
国家十级划水运动员回复 limit、T 2022-09-07 09:03

怎么知道鼠标经过了哪些点位呢

赞

回复

编辑

预览

轻敲空格完成输入
显示为

卡片

标题

链接

回复

按下Enter换行，Ctrl+Enter发表内容
limit、T 回复国家十级划水运动员 2022-09-07 09:06

有两个属性、一个是鼠标相对于页面的左距离和上距离。还有一个是鼠标相对于元素的左距离和上距离

赞

回复

编辑

预览

轻敲空格完成输入
显示为

卡片

标题

链接

回复

按下Enter换行，Ctrl+Enter发表内容
展开全部5条评论

编辑

预览

报告相同问题？

关注问题

编写程序，封装一个Student类的对象。 python
2021-08-26 10:34

回答 1 已采纳 class Student(object): def __init__(self, name, number, cls, sex, age, char): self.name
js如何进行标准的组件化封装 javascript
2018-02-24 01:48

回答 6 已采纳一般是下面这样写插件，保持jquery的链式写法 ``` $.fn.select=function(options){ return this.each(function(){ //
原生 .html文件怎么进行封装成组件？ chrome css firefox html5 javascript
2019-10-22 08:19

回答 5 已采纳 https://quanyi.blog.csdn.net/article/details/113103503
VC++实现动态坐标系
2014-09-06 12:48

在进行VC++编程时，实现一个动态坐标系是开发图形化应用和作图系统的重要环节。动态坐标系不仅需要展示基本的X轴和Y轴，还应该具备可移动、可调节刻度单位以及动态显示网格线等高级功能。这些功能可以使用户与坐标系...
c# 如何做封装一个MessageBox 为了有良好编程风格 c#
2017-05-26 07:37

回答 1 已采纳不讨论你这么改是不是就算“良好的风格” 仅仅是按照你说的做，首先，确保你用的是C# 6.0（VS2015+） class A { public static void msc(string
封装了一个el-table的组件，在同一个页面使用了两次，多选框状态勾选问题 elementui
2022-05-12 14:28

回答 4 已采纳点击按钮a进入弹框的时候，进行勾选操作，将勾选的数据，存入一个数组arrayA，当关闭弹框，arrayA是保存有之前a勾选的，再次点击a进入弹框，遍历表格数据匹配arrayA，将匹配到的数据设置为勾选
多个vue的项目，如何打造一个公共组件库 javascript vue.js 前端
2022-04-23 07:50

回答 1 已采纳为什么不尝试一下发布到私有npm库里面直接引入多方便呢 :-)
Chartbp.rar_界面编程_Visual_C++_
2021-08-11 18:26

在本项目中，"Chartbp.rar_界面编程_Visual_C++_" 提供了一个使用Microsoft Visual C++（简称VC++）进行界面编程的例子，重点在于如何利用C++和图形库来绘制一个包含坐标系的图表，并展示正弦曲线。同时，它还涉及到...
类和对象封装中的一个小问题 c++
2022-09-19 12:48

回答 2 已采纳圆类有2个属性，1个半径，1个中心点，中心点有x和y坐标，这就是point center的意思getCenter函数的返回值类型是point，不是int
bat文件和txt文件封装成一个可执行的exe文件 c++ c语言 perl 小程序开发语言
2021-01-13 12:34

回答 1 已采纳用WinRar的自解压EXE打包的方法 https://jingyan.baidu.com/article/3d69c5519c6ccdf0cf02d788.html
如何使用函数封装一个数组输出随机值？ javascript
2023-02-20 09:23

回答 3 已采纳那就比较多了比图说用Math.random() 函数 function getRandomValueFromArray(array) { return array[Math.floor(Math
QT入门看这一篇就够（详解含qt源码）
2023-10-16 00:00

三雷科技的博客灵活性： Qt是一个非常灵活的框架，允许开发者使用C++编程语言进行开发，同时也提供了Qt Quick，这是一个基于QML（Qt Meta-Object Language）的框架，用于快速开发移动应用和嵌入式应用的用户界面。开源和商业许可...
Android开发入门：基础知识、编程模型、开发流程、组件和系统特性等
2023-08-06 16:24

AI天才研究院的博客 Android（安卓）是一个开源的移动设备操作系统，由Google主导，是一种基于Linux的手机操作系统，最初叫做Harmony OS。目前市面上主要的版本包括Nexus、Pixel、Samsung Galaxy系列、HTC One系列、MIUI等，它已广泛...
GPU编程与优化——OpenCL
2023-09-02 16:34

AI天才研究院的博客 OpenCL（Open Computing Language）是一个开源的、跨平台、通用且功能丰富的编程模型，它提供一个框架，通过可移植编译器支持多种设备平台（CPU/GPU/FPGA），并通过统一接口使得开发者可以方便地部署在各种环境中...
2022计算机Java二级考试四十五套题真题【收藏版】（一周裸考计划）
2020-11-27 02:42

张国荣家的弟弟的博客的，加个vip什么的，故而以下是博主整理的有关java面试题的以下内容，我想以一种幽默风趣????的风格来给大家分享和探讨。另外附加有一些公司的面试真题（内部分享）下面我就开启????耳机模式。并且⭐是重要部分，要...
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
系统已结题 9月14日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已采纳回答 9月7日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 9月7日

封装一个组件生成坐标系

问题遇到的现象和发生背景

1条回答 默认 最新

问题事件

1条回答默认最新