首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【Java AWT 图形界面编程】使用鼠标滚轮缩放 Canvas 画布绘制背景图像 ( 绘制超大图像 + 鼠标拖动 + 鼠标滚轮缩放 + 以当前鼠标指针位置为缩放中心 示例 )

; 使用鼠标滚轮缩放 , Canvas 绘制图片尺寸肯定是放大或者缩小了 , 尺寸发生了改变 ; 图片缩放时 , 鼠标指针指向一个位置 , 该位置对应着一个当前 Canvas 画布 x..., 并设置图片位置 ; 这样图片缩放时 , 始终可以保证鼠标指向部位保持位置不变 ; 1、保存当前鼠标指针指向位置 首先 , 定义如下成员字段 , pointer_x 和 pointer_y..., 保存当前鼠标位置及比例 ; 鼠标滚轮事件 MouseWheelEvent , 可以直接通过调用 e.getX(), e.getY() 获取到当前 鼠标指针 Canvas 画布坐标 ;...鼠标滚轮缩放完成 , 再根据鼠标指针指向位置和比例 , 结合图片缩放尺寸 , 重新计算画布偏移位置 , 以达到鼠标指向图片元素位置基本保持不变目的 ; /** * 计算新比例..., 将图像船头 H 标识放置界面中心 ; 将鼠标指针放在 H 位置 , 缩放 , 发现此时缩放 , 就是以当前鼠标指针为中心进行缩放 ;

2.7K10

加点JavaScript魔法

应用程序在网页包含这些组件标准方式是适当位置添加HTML,然后为需要脚本支持组件调用JavaScript函数,以便初始化或激活它。popover组件确实需要JavaScript支持。...使用“悬停”模式时,只要你将鼠标指针放在目标元素,弹出窗口就会保持可见状态。当你移开鼠标时,弹出窗口将消失。这具有糟糕副作用,即如果用户想要将鼠标指针移动到弹出窗口中,弹出窗口将消失。...本处,我使用event.currentTarget来提取事件目标元素。 浏览器鼠标进入受影响元素立即调度悬停事件。...如果用户将鼠标指针移动到其中一个用户链接,并在移动它之前停留了半秒钟,我不希望该timer继续运行并调用显示弹出窗口函数。...回想一下之前添加逻辑,如果用户触发鼠标进入事件之后一秒内将鼠标指针移出,将触发取消弹窗逻辑。

3.9K10
您找到你想要的搜索结果了吗?
是的
没有找到

【Java AWT 图形界面编程】使用小键盘按键缩放 Canvas 画布绘制背景图像 ( 键盘按键监听 + 绘制超大图像 + 鼠标拖动 + 鼠标滚轮缩放 + 以当前鼠标指针位置为缩放中心 示例 )

} }); 二、键盘按键监听 + 绘制超大图像 + 鼠标拖动 + 鼠标滚轮缩放 + 以当前鼠标指针位置为缩放中心 示例 ---- 【Java AWT 图形界面编程...; 【Java AWT 图形界面编程】使用鼠标滚轮放大缩小 Canvas 画布 ( 鼠标滚轮事件监听器 MouseWheelListener ) 博客 , 新增鼠标滚轮缩放画布示例 , 但是使用鼠标拖动时..., 拖动效果也随之缩放, 如 缩小画布 , 移动鼠标 , 移动距离对应缩放效果也随之缩小 ; 【Java AWT 图形界面编程】使用鼠标滚轮放大缩小 Canvas 画布绘制背景图像 (...鼠标滚轮事件监听器 MouseWheelListener | Canvas 绘制图像并设置图像大小 ) 博客 , 使用缩放背景图像方式 , 实现缩放效果 , 并同时福袋鼠标指针拖拽效果 ; 本博客实现案例..., 将图像船头 H 标识放置界面中心 ; 将鼠标指针放在 H 位置 , 点击一次 , 按下数字键 9 , 放大 9 倍效果如下 :

1.8K20

WORD基本操作(六)

1截取屏幕图片 1 鼠标指针定位在要插入图片文档位置---插入---插图---屏幕截图 2 “可用视窗”列表显示出目前计算机开启应用程序屏幕画面,可以在其中选择并单击需要屏幕图片...调整完成“背景消除“上下文选项卡单击”保留更改“按钮,完成图片背景消除操作。...3 ”格式“上下文选项卡单击”大小“选项组”裁剪“按钮,然后图片上拖动图片边框滑块,以调整到适当图片大小。...3使用绘图画布 1 鼠标放在需要插入绘图画布位置---插入---插图---形状---下拉列表---新建绘图画布 2 插入绘图画布,会出现“绘图工具”,可对绘图画布进行格式设置 4使用智能图形展现观点...以SmartArt为例 1 a: 将鼠标指针放在需要插入位置---插入---插图---SmartArt b:选择SmartArt图形对话框,此时会列出所有的图形分类以及外观预览效果和详细使用说明信息

1.3K20

提高效率 |ArcGIS Pro 中所有快捷键一网打尽

Alt + 单击内容窗格图层 缩放至图层范围。 Z 持续缩放。 按住 Z 键同时拖动鼠标按钮,以将活动工具更改为连续放大或缩小模式。 X + 单击 逐步缩小。 单击以从数据逐步缩小。...B + 拖动 3D 场景中环视。 3D 场景,按住 B 键同时单击并拖动,以转动照相机并从您单击位置进行环视。 B + 方向键 从当前位置向周围环视。...Alt + 单击内容窗格图层缩放至图层范围。 Z持续缩放。按住 Z 键同时拖动鼠标按钮,以将活动工具更改为连续放大或缩小模式。X + 单击逐步缩小。单击以从数据逐步缩小。V + 拖动围绕一点旋转。... 3D 场景,按住 B 键同时单击并拖动,以转动照相机并从您单击位置进行环视。B + 方向键从当前位置向周围环视。...Shift + 单击 使指针位置居中并放大。 Ctrl + 单击指针位置作为视图中心。 2D 环境下,这将使视图居中。 3D 环境下,照相机会转向中心并显示该位置

68520

职场人必备WORD排版十大技巧

下面为大家介绍这几种用得较多方法: 1 字或词选取: 将指针移到要选字或词,双击鼠标左键即可选定。...如果采用键盘上“ Shift ”键配合鼠标左键进行选择,可这样进行:将光标移到要选取文字首(或末),再按住“ Shift ”键不放,然后将鼠标指针移到要选取文字末(或首)并单击,此时也可快速选中这段连续文字...3 一行文字选取: 将指针移到该行行首,光标指针变成向右箭头时,单击鼠标左键即可; 4 一段文字选取: 将指针移到该段第一行行首,同样光标指针变成向右箭头时,双击鼠标左键即可。...5 整个文件内容选取: 把指针移到该文件任一行首(指针变成向右箭头时),快速单击鼠标左键三次便可选中整个文件内容(也可利用组合键“ Ctrl+A ”快速选定)。...Shift+Alt+ 鼠标左键单击:可选中原光标所在位置鼠标左键单击光标位置矩形区域。 小提示: 选取时还可利用“ F8 ”键来进行快速选取。

1.4K70

Visual Studio 调试系列7 查看变量占用内存(使用内存窗口)

要在“地址”字段输入内存位置,请移至内存位置“ 地址”字段中键入或粘贴地址或表达式,然后按Enter键,或从“ 地址”字段下拉列表中选择它。“ 内存”窗口调整为顶部显示该地址。 ?...要更改内存内容格式: “ 内存”窗口中单击鼠标右键,然后从上下文菜单中选择所需格式。 ?...如果您不希望应用程序运行时更改“ 内存”窗口内容,则可以关闭实时表达式评估。 要切换实时评估: “ 内存”窗口中单击鼠标右键,然后在上下文菜单中选择“ 自动重新评估”。...您可以隐藏或显示“ 内存”窗口顶部工具栏。隐藏工具栏时,您将无法访问“ 地址”字段或其他工具。 要切换工具栏显示: “ 内存”窗口中单击鼠标右键,然后在上下文菜单中选择“ 显示工具栏 ”。...工具栏显示或消失,具体取决于其先前状态。 ? 04 跟踪内存指针 本机代码应用程序,您可以将注册名称用作实时表达式。例如,您可以使用堆栈指针跟随堆栈。

5.4K40

idea快捷键总结

这样再复制或删除代码块时候可以不用鼠标选择了。 7. Ctrl+F12(View | File Structure Popup) 你可以在当前编辑文件快速导航。...Alt+F7 代码把光标置于标记符或者它检查点上再按(右键菜单Find Usages…)会很快地查找到整个工程中使用地某一个类、方法或者变量位置。 9. ...也可以通过按Ctrl键同时查看点上单击鼠标键调转到声明处。 把光标放到查看点上再按Ctrl+Alt+B可以导航到一个抽象方法实现代码。 可以打开到变量或方法位置处。 11. ...Ctrl+alt+M 选中需要提取代码,按快捷键定义重构名称,会生成替换方法。 18.Alt+up/down 方法块间移动。...19.ctrl+alt+b:鼠标悬浮查看接口实现类 20.Ctrl+E,最近文件 21.Ctrl+Shift+E,最近更改文件  22.F2 /  Shif+F2 定位错误和警告位置 <!

804120

如何使用WijmoJS 纯前端设计器,快速生成 Angular 应用

用户设计器中进行更改,只需单击一下,就可以使用修改Angular标记更新原始HTML文件。...我们示例,操作是单独选项卡打开设计图面,并使用 Angular标记提供上下文,以及源文件该标记位置。 现在单击链接以相邻选项卡打开设计器。...将鼠标悬停在单词“author”上,然后单击出现链接。 这将打开该列定义以进行编辑。 找到visible属性并将其更改为False。 现在重新绘制网格以显示author列已被隐藏。...请注意,修改Angular标记会突出显示,设计器中所做更改现在会反映在标记。此时,您可以保存或放弃更改,就像您自己键入更改一样。...接下来,单击图例属性齿轮图标,并将其位置设置更改为“底部”。 像以前一样单击后退按钮返回FlexChart设置。 通过将其标题属性设置为Most Active,为图表添加标题。

5.3K40

5个让你提高工作效率 VueUse 库函数

它为常见开发人员用例提供了数十种解决方案,例如,跟踪引用更改、检测元素可见性、简化常见 Vue 模式、键盘/鼠标输入等。这是真正节省开发时间好方法,因为你不必自己添加所有这些标准功能。...现在我们已经安装了 VueUse,让我们我们应用程序中使用它。 1、useRefHistory 跟踪响应式数据更改 useRefHistory跟踪对 ref 所做每个更改并将其存储在数组。...然后,为了让我们真正了解发生了什么,让我们模板打印历史记录,undo并redo单击相应按钮时调用我们函数。...当我们输入时,每个字符都会触发历史数组一个新条目,如果我们单击撤消/重做,我们将转到相应条目。 还有不同选项可以为此功能添加更多功能。...我们可以用我们按钮打开弹出窗口,然后通过弹出内容窗口外单击来关闭它。

1.7K10

Windows 7 操作系统

将这些图标放置到桌面上方法是:  (1)桌面的空白区域单击鼠标右键,右键菜单中选择“个性化”命令,弹出窗口中选择“更改桌面图标“选项,则弹出”桌面图标设置“对话框。  ...列表框单击某个主题可以更改桌面背景、窗口颜色、声音和屏幕保护程序,也可以单击窗口底部相应链接进行上述设置。...(6)“显示桌面”按钮:鼠标指针移动到该按钮上,可以预览桌面,若单击该按钮可以快速返回桌面。...除了在对话框中选择屏幕上任务栏位置外,将鼠标移到任务栏上边沿时,鼠标指针将变为“”形状,此时,拖动鼠标就可以改变任务栏高度。...也可以右击选中项目,快捷菜单单击“发送到”→“桌面快捷方式”命令,或者用鼠标右键将项目拖到桌面上,然后单击“在当前位置创建快捷方式”选项。

32130

Excel小技巧85:右键拖动边框访问更多复制选项

然后,将鼠标放置在所选单元格或单元格区域边框上,当鼠标指针变成带有四个小箭头移动图标时,右键单击并将单元格拖到新位置。当释放鼠标右键时,Excel将打开该快捷菜单,如下图2所示。 ?...一个好方法是选择一系列公式,边框处单击鼠标右键,向右拖动,再拖回原始位置,放开鼠标右键,然后选择“仅复制数值”。 仅复制格式:可以使用“仅复制格式”来复制数字格式、边框等。...例如,可以通过选择整个列范围来复制列宽,例如A:C。然后,右键单击并将边框拖动到E:G。放开鼠标按钮时,如果选择“仅复制格式”,则Excel会更改E:G列宽以匹配A:C列宽。...链接此处:为了更快速地设置公式以指向单元格区域,可以选择A1:A10,右键单击并将边框拖动到C5,然后选择“链接此处”。现在,单元格C5包含公式=A1,而单元格C14包含公式=A10。...在此创建超链接:这是一个很酷选项,但使用起来相当困难,并且未保存文件不起作用。 小结:通过右键拖动所选区域边框,可以快速访问一些有用复制功能选项。

1.3K40

【react-dnd使用总结一】拖放完成获取放置元素drop容器相对位置

工具函数-根据元素起始位置和最终位置,计算相对于某元素位置 export interface IPosition { left: number; top: number; } /** *...根据元素其实位置和最终位置,计算相对于某元素位置 * @param initialPosition 拖动元素相对于屏幕左上角起始位置(偏移量) * @param finalPosition 拖放完成当前节点相对于屏幕左上角位置...finalX) - dropTargetPosition.left; return { left: newXposition, top: newYposition, }; }; drop...回调函数 drop(target: any, monitor: DropTargetMonitor) { console.log(target, monitor); const position...) monitor.getSourceClientOffset(), // 拖放完成当前节点相对于屏幕左上角位置 document.querySelector('#container

4.1K10

5个让你提高工作效率 VueUse 库函数

它为常见开发人员用例提供了数十种解决方案,例如,跟踪引用更改、检测元素可见性、简化常见 Vue 模式、键盘/鼠标输入等。这是真正节省开发时间好方法,因为你不必自己添加所有这些标准功能。...现在我们已经安装了 VueUse,让我们我们应用程序中使用它。 1、useRefHistory 跟踪响应式数据更改 useRefHistory跟踪对 ref 所做每个更改并将其存储在数组。...然后,为了让我们真正了解发生了什么,让我们模板打印历史记录,undo并redo单击相应按钮时调用我们函数。...当我们输入时,每个字符都会触发历史数组一个新条目,如果我们单击撤消/重做,我们将转到相应条目。 还有不同选项可以为此功能添加更多功能。...我们可以用我们按钮打开弹出窗口,然后通过弹出内容窗口外单击来关闭它。

1.9K10

使用鼠标

鼠标所在位置         Windows系统下, 用户移动鼠标时, 屏幕上一般会以一个斜式箭头来表示鼠标当前位置, 这个箭头实际上是一个位图格式小图标, 称为"鼠标指针", 鼠标指针具有一个单像素精度...当我们去捕获鼠标指针位置时, 实际上是指鼠标指针这个"热点"所在像素单元位置。 2>. 鼠标的术语         ①. 单击 : 按下鼠标按键, 然后松开;         ②....从而引发 WM_PAINT 需要重绘客户区内容消息, 处理重绘消息时输出刚刚获得鼠标指针坐标位置。         ..., 这里 wParam 参数值与客户区含义有所不同, 这里 wParam 表示非客户区鼠标移动或单击位置, 他值被设定成一些以 HT 开头标识符, 表示 "击中测试"(Hit Test...参数 lParam 值依然是鼠标指针位置信息, 但此时信息正好与客户区 lParam 坐标信息相反, 客户区 lParam 值是相对于窗口客户区坐标, 而这里(非客户区) lParam

2.6K100

Conveyor belt

选择path对象,请注意路径是如何由蓝点定义蓝点之间执行贝塞尔插值。区分一个红色球,它代表路径位置,不是路径位置,而是沿着路径位置。...选择所有路径点,然后打开位置对话框,在位置缩放选项卡上,右边输入3倍比例因子“0.19”,然后点击比例位置。这只是适当地调整了路径。使用鼠标滚轮,靠近路径。选择最上面的路径点。...现在我们有两个中间路径点重复,我们可以延伸道路,即左右移动部件分开:选择场景中层次路径点路径# 6到# 14 ,移动选项卡位置对话框,为项目沿着X输入“-0.5”然后单击X-translate选择...选择路径,路径属性取消选中显示路径线,显示点方向和显示当前路径上位置。选择“输送带”,在对象通用属性对话框,检查对象是模型基础项。...单击编辑模型属性,并在模型内容确认/信息部分Model content acknowledgments/Info,添加希望每次加载输送带模型时显示一些文本。

1.7K20

引脚数据提示编辑代码并继续调试(C#,VB,C ++)编辑XAML代码并继续调试调试难以重现问题配置数据以显示调试器更改执行流程跟踪范围外对象(C#,Visual Basic)查看函数返回值

即使重新启动,变量仍保持固定状态。要固定数据提示,请将鼠标悬停在其上方时,单击“固定”图标。您可以固定多个变量。...对于C ++代码,您可以使用Natvis可视化工具执行相同操作。 更改执行流程 调试器停在一行代码上情况下,使用鼠标抓住左侧黄色箭头指针。将黄色箭头指针移到代码执行路径其他点。...调试死锁和竞争条件 如果您需要调试多线程应用程序常见问题,则通常有助于调试时查看线程位置。您可以使用在源代码显示线程按钮轻松完成此操作。...源代码显示线程 调试时,单击“调试”工具栏显示线程”按钮。 查看窗口左侧装订线。在此行上,您看到一个类似于两个布料线程线程标记图标 。线程标记指示线程在此位置停止。...将指针悬停在线程标记上。出现数据提示。DataTip会告诉您每个已停止线程名称和线程ID号。 您还可以“并行堆栈”窗口中查看线程位置

4.5K41

Fabric.js 右键菜单

案例代码放了文末~ 环境和版本 Chrome浏览器版本:96.0.4664.45 Fabric.js版本:4.6.0 思路 先说说需求: 右键单击元素,弹出菜单; 弹出菜单分4种情况(菜单在鼠标右侧...,菜单在鼠标左侧,菜单在鼠标上方,菜单在鼠标下方); 左键单击画布其他地方,隐藏菜单; 实现思路: 创建画布; 创建 “菜单” DOM元素; 去官网查找 “右键相关事件”; 右键单击元素上,根据鼠标离画布边缘距离...,计算菜单要显示位置; 左键单击画布上,隐藏菜单; 实现 查文档 在上面的思路,其实难点只有 “右键相关事件” 。... 对象相关文档 里,关于鼠标的事件好像没有右键,稍微沾边点就是鼠标点击(这里我选了 mousedown)。...当前鼠标位置 let pointX = opt.pointer.x let pointY = opt.pointer.y // 计算菜单出现位置 // 如果鼠标靠近画布右侧

7K10

excel常用操作大全

a列,点击a列鼠标右键,插入a列作为b列; 2)B1单元格写入:='13' A1,然后按回车键; 3)看到结果是19xxxxx 您用完了吗?...具体方法是: 选择单元格格,按下Shift键,将鼠标指针移动到单元格格左上角边缘,直到出现一个拖放指针箭头(十字箭头),然后按下鼠标左键进行拖放。...上下拖动时,鼠标会在格,单元边界处变成一个水平“工”字符号,左右拖动时,鼠标会变成一个垂直“工”字符号。释放鼠标按钮完成操作,一个或多个选定格单位将被拖放到一个新位置。...将它移动到您想要添加斜线,开始位置,按住鼠标左键并将其拖动到结束位置,释放鼠标,将绘制斜线。此外,您可以使用“文本框”按钮轻松地斜线顶部和底部添加文本,但是文本周围有边框。...方法是单击主菜单上“窗口”或“拆分窗口”。除了使用“窗口”\“展开窗口”命令外,取消拆分窗口还有一些快捷方式:将鼠标指针放在水平分割线或垂直分割线或双拆分交点上,双击鼠标取消拆分窗口。

19.1K10
领券