如何拉出一個選取範圍能偵測大小與位置

我希望可以用鼠标拉出一个选择范围，选择后松开鼠标，显示这四个字段中所选区域的x轴和y轴的宽度和高度值。

这是我的问题。我希望你能帮助我。谢谢你！
類似圖片呈現那樣。

图片说明

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

1条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
艾朋 2019-03-29 18:34
关注
百度一些canvas绘图图片选取之类的，应该能找到你想要的例子，找不到的话，研究一下canvas绘图的内容，应该也可以研究出来

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

CSS选择器能不能选取前一个元素？ css html5 前端
2021-08-19 10:46

回答 3 已采纳选不了，你可以结合jquery设置。
在一定范围内选取7个数据 r语言
2023-02-06 21:04

回答 2 已采纳方案来自梦想橡皮擦狂飙组基于 GPT 编写的 “程秘” 可以使用R语言的sample()函数随机抽取7个数据，并使用cut()函数将一个固定范围划分为13个连续的小范围。下面是一个示例代码： #
一个HTML中的的多选框问题 javascript php 前端有问必答
2023-01-12 21:31

回答 2 已采纳 id为day的option有多个，只要是id是day就显示？要显示哪个dom对象？
Web前端基础技术
2023-09-06 23:07

河流之光的博客 h1{在这个案例中，CSS将HTML中所有的h1标签设置成了红色。h1{
当相对应的id被选取的时候，对另一标签施加或者移除disabled效果 javascript 前端有问必答
2023-02-08 22:48

回答 4 已采纳用 prop设置property，attribute才是用attr，jQuery1.5以上做了区分，要注意这个，要不会出现不是自己要的控制，示例如下 <select name="onename"
给出一个没有重复元素的集合如{1 2 3 4}可从这个集合中选取任意个元素，求有多少种选取方法使得这些元素相加=k c语言
2022-01-03 20:59

回答 1 已采纳 https://www.nowcoder.com/questionTerminal/c333d551eb6243e0b4d92e37a06fbfc9?answerType=1&f=discussion
业务提出一个XML比对需求，需要在前端显示出不同的地方，类似BeyondCompare,怎么办啊？ java spring xml 有问必答
2021-07-15 15:20

回答 2 已采纳 nacos在修改配置文件后，前端能提示你配置文件做了什么改变你可以把人家源码拉下来，看看这里面怎么写的，你直接cv这个需求就搞定了
【JavaWeb】前端学习
2023-03-31 15:49

iknow181的博客 } CSS class Selector ·优先级：id选择器 > 类选择器 > 元素选择器 CSS属性 ·color:设置文本的颜色 ·font-siz:字体大小（注意：记得加px）标签是一个在开发网页时大量会用到的没有语义的布局标签特点：一行...
怎么从字符串中选取字母并按顺序排列到另一个字符串中 python 有问必答
2021-03-30 16:43

回答 4 已采纳 # 用正则表达式把不是字母的字符都删除。 import re s1 = "2aA3bB5" s2 = re.sub(r'[^A-Za-z]','',s1) print(s2) # 用fo
以上dataframe要选取name这一column python 有问必答
2021-11-25 15:52

回答 2 已采纳选D: print(df['Name']) ''' 0 A 1 B 2 C 3 B Name: Name, dtype: object '''
unity 多个碰撞体中使用其中一个进行碰撞问题 unity
2022-05-19 22:46

回答 4 已采纳这句代码的意思是：其他碰撞体的类型是2D多边形碰撞体。添加断点或注释查看是没有执行到这局代码，还是这句代码的条件为false自行检测是否符合碰撞检测条件：两个物体都有Collider至少有一个物体
前端300道常见面试题，前端找工作必备
2021-12-15 21:06

编程ID的博客前端面试题汇总一、HTML 和 CSS 1、你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? IE: trident 内核Firefox：gecko 内核Safari:webkit 内核 Opera:以前是 presto 内核，Opera 现已改用 Google Chrome...
dataframe 数据结构，取其中一个数 python
2022-03-25 23:37

回答 2 已采纳 import pandas as pd data_str = [['c','f'],['d','g'],['e','h']] df1 = pd.DataFrame(data_str,columns
前端学习之vue
2022-07-21 08:15

程序媛刘刘的博客前端学习之vue
Javaweb-前端三件套入门
2023-01-04 14:43

725.的博客 ECMAScript6新增了let关键字来定义变量，他的用法类似于var，但是所声明的变量，只在let关键字所在的代码块有效，且不允许重复...JavaScript是一门跨平台，面向对象的脚本语言，来控制网页的行为，它能使网页可交互。
没有解决我的问题, 去提问

悬赏问题

¥50 如何增强飞上天的树莓派的热点信号强度，以使得笔记本可以在地面实现远程桌面连接
¥15 MCNP里如何定义多个源？
¥20 双层网络上信息-疾病传播
¥50 paddlepaddle pinn
¥20 idea运行测试代码报错问题
¥15 网络监控：网络故障告警通知
¥15 django项目运行报编码错误
¥15 STM32驱动继电器
¥15 Windows server update services
¥15 关于#c语言#的问题：我现在在做一个墨水屏设计，2.9英寸的小屏怎么换4.2英寸大屏