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

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

一、鼠标滚轮缩放的中心点设置为当前鼠标中心点 - 要点分析 ---- 鼠标指针指向界面中的 Canvas 画布某个位置 , Canvas 画布中绘制着一张超大图片 , 以该位置为中心 , 滑动鼠标滚轮时进行缩放...; 使用鼠标滚轮缩放后 , 在 Canvas 中绘制的图片的尺寸肯定是放大或者缩小了 , 尺寸发生了改变 ; 图片缩放时 , 鼠标指针指向一个位置 , 该位置对应着一个当前 Canvas 画布中的 x..., y 坐标 , 同时可以计算出当前位置对应的图片中的 水平方向的比例 和 垂直方向的比例 ; 在缩放后的图片中 , 只要保证鼠标指针指向相同的 x, y 坐标时 , 该位置对应的 水平方向的比例 和...在鼠标滚轮缩放完成后 , 再根据鼠标指针指向的位置和比例 , 结合图片缩放后的尺寸 , 重新计算画布偏移的位置 , 以达到鼠标指向的图片元素位置基本保持不变的目的 ; /** * 计算新的比例...+ 以当前鼠标指针位置为缩放中心 示例 ---- 1、代码示例 import javax.swing.*; import java.awt.*; import java.awt.event.MouseAdapter

2.8K10

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

+ 以当前鼠标指针位置为缩放中心 示例 ---- 在 【Java AWT 图形界面编程】Canvas 中绘制超大图片 ( 使用鼠标拖动查看全图 | 设置 JFrame 窗口自动关闭 | 获取并绘制图片..., 但是使用鼠标拖动时 , 拖动的效果也随之缩放, 如 缩小画布后 , 移动鼠标 , 移动距离对应的缩放效果也随之缩小 ; 在 【Java AWT 图形界面编程】使用鼠标滚轮放大缩小 Canvas 画布中绘制的背景图像...int startX, startY; // 当前的位置偏移 private int offsetX = 0, offsetY = 0; // 缩放比例,默认为 1.0...) * scale; // 缩放后的图像宽度 double imageHeight = image.getHeight(null) * scale; // 缩放后的图像高度...H 标识放置在界面中心 ; 将鼠标指针放在 H 位置 , 点击一次 , 按下数字键 9 , 放大 9 倍的效果如下 :

1.8K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    PowerBI 2020年9月更新随Ignite发布,Premium 即将支持个人订阅,新一波变革来袭

    移动 改进的导航树(iOS和Android) 使用您喜欢的应用程序(iOS和Android)从Power BI共享 现在,在所有报告视图中都可以使用缩放和缩放功能-在手机和平板电脑(iOS和Android...您可以一目了然地看到内容的位置层次结构,并且可以轻松地向上浏览内容层次结构,转到同级内容,甚至可以快速返回首页。...现在,在所有报告视图中都可以使用缩放和缩放功能-在手机和平板电脑(iOS和Android)上 我们启用了捏合和放大所有报告视图的功能,无论您是在手机上还是在平板电脑上,都可以轻松地放大和缩小报告内容。...服务方面 在沿袭视图中搜索 我们在沿袭视图中引入了搜索功能,以提高您在使用沿袭视图时的工作效率。...您可以采用类似于Instagram的样式,以紧凑的网格显示或更大的细节视图显示图像。 要显示图像,请提供一个URL。

    9.3K20

    3.21 PowerBI报告可视化-流向地图:在地图中展示产品销售流向

    地图相关的视觉对象中,流向地图很实用,它能从地图上直观地显示出从起点到终点的路径和数量。...推荐一个三方视觉对象,上北智信出品的CHINA FLOW MAP,免费,带浅色水印但不影响使用,动态效果,位置支持按名称,也支持按经纬度。举例在地图中展示3个产品在城市间的销售流向。...把卖方城市放入位置,把买方城市放入到达位置(如果使用经纬度,位置会更精确,也能显示不是省份、城市的位置),把产品放入图例,把销量放入流向。STEP 3 设置格式。...打开标签,类型选择仅地理,会把卖出方位置名称显示出来;打开图例,可设置图例位置等格式;在流向中可以设置线条宽度、曲度等格式;如果打开气泡,会在卖出位置和购进位置按大小显示气泡和颜色。...这个视觉对象也是基于微软的Bing地图,如果基于Bing地图的PowerBI自带地图视觉对象不能用了,这个视觉对象也有不能用的风险。

    9510

    PowerBI 默认地图最佳实践

    我们现在要来看BING地图的问题以及如何解决了。 问题1:如果某个地方显示错位怎么办?例如把中国的城市显示到日本去。 问题2:如果某个地方显示得不精确怎么办?不是真正你希望看到的位置。...问题3:无法解析某个具体的位置怎么办?例如中国著名核工业小镇“低窝铺”。 问题1:显示错位 很明显显示的位置不对。...,并同时兼顾了层级问题,其中ISINSCOPE用来判断当前的层级以进行正确的计算。...问题1解决:修复显示错位 可以看出,数据点全部精确显示在我们国家的地图内部的准确位置了。...问题2解决:修复显示不精确 要想显示精确,我们必须知道某个城市在BING地图中的坐标,这里可以借助BING的API工具,如果你不知道是什么意思也不要紧。

    3.7K10

    微信小程序地图与位置相关操作

    否 缩放视野以包含所有给定的坐标点 1.0.0 show-location boolean false 否 显示带有方向的当前定位点 1.0.0 polygons Array....longitude和latitude表示当前地图中心的经度和纬度,和当前用户所在位置的经度和纬度是不同概念,无直接关系。...例如,某然在广东省东菀市,但是可以打开北京天安门为中心的一幅地图,map的longitude和latitude是用来控制地图中心的参数,并不是用户实时的地理位置。...MapContext.includePoints(Object object) 缩放视野展示所有经纬度 MapContext.getRegion(Object object) 获取当前地图的视野范围 MapContext.getScale...  获取当前地图的视野范围:   将地图中心移动到当前定位点: 平移marker: 小程序地图操作 2、位置   小程序常用下面三个接口对位置进行操作。

    2.6K20

    PowerBI 2019年3月更新 - 支持热力地图

    以下是3月更新的完整列表: 报告方面 切片器支持单选 Bing地图支持热力显示 轴标签支持交叉突出显示 工具提示支持设置默认格式 按钮,形状和图像支持设置静态Web URL 筛选面板的改进 页面支持对齐设置...选择窗格改进 地图格式设置的更新 地图点可设置得更小 支持设置缩放按钮 可视化可访问性 分析方面 Q&A 对返回结果进行了改进 显示日期层级特性GA(正式发布) 建模方面 新的建模视图GA(正式发布)...Bing地图支持热力图 其实,Bing地图是支持了更多的设置。首先,就是可以把点设置的更小以及可以设置缩放按钮,如下: ? 也可以设置成热力显示模式: ?...这里可以通过设置,让热力图显示得更加热力,如下: ? 这是一个很好的更新,在地图的应用上,毕竟需要更多细节的控制。...设置的位置是: ? 选择窗格的改进 现在可以双击编辑以及按住shift键多选,如下: ? 这比以前方便多了,它的本质没有变,只是去改写了title,如下: ?

    4.5K10

    D3.js 力导向图的显示优化(二)- 自定义功能

    好的,一个新场景上线了:用户只想分析图中的部分节点数据,不想看到全部的节点信息。删除任意选中这个新功能就可以很好地应对上面场景,删除不需要的节点信息,只留下想探索的部分节点数据。...然而 D3.js 在获取数据长度变化之后,以 exit() 为例,对单个数据的处理方法是根据长度的减量 N 截取数据数组位置中最后 N 位到最后一位区间的所有元素,enter() 则相反,会在数组位置中最后一个元素后面增加...所以,如果选中删除的是之前拓展探索出来的节点(它不是当前数据数组位置的最后一个元素),进行删除操作时,虽然从我们的 nodes 数据里面删除了这个数据,但是在已经存在的视图中,d3.select(this.nodeRef...除此之外,笔者在实施滚轮缩放的过程中发现滚动缩放会影响节点和边的位置偏移,这又是什么原因造成的呢?...简单的说,画布放大 scale 倍,节点和边的 x、y 位置也要相对画布偏移当前的 scale 倍,这样就能保持在缩放过程中,节点和边位置相对画布大小变化而保持不变。

    4.4K50

    OpenLayers3基础教程——OL3基本概念

    所有地图的属性可以在构造时进行配置,或者通过使用setter方法,如setTarget()。 ?...一个ol.View实例包含投影projection,该投影决定中心center 的坐标系以及分辨率的单位,如果没有指定(如下面的代码段),默认的投影是球墨卡托(EPSG:3857),以米为地图单位。...起始于缩放级别0,以每像素maxResolution 的单位为分辨率,后续的缩放级别是通过zoomFactor区分之前的缩放级别的分辨率来计算的,直到缩放级别达到maxZoom 。...,如OpenStreetMap、Bing、OGC资源(WMS或WMTS)、矢量数据(GeoJSON格式、KML格式…)等。...ol.layer.Tile 用于显示瓦片资源,这些瓦片提供了预渲染,并且由特定分别率的缩放级别组织的瓦片图片网格组成。

    1.8K30

    微软Bing突然升级「识图」功能,读梗看病写代码,样样精通

    最后,男人正在熨的衣服是蓝色的,和黄色撞色了,是不是在暗指什么? 能看出,Bing还是尽可能的捕捉到了图片中的所有细节,甚至分析的还挺有道理。 而在下图这个「为什么要给神经网络加层数?」...GPT-4一针见血地点出,这副漫画讽刺了统计学习和神经网络在提高模型性能方法上的差异。 但在另一组图中,Bing似乎并没有get到点。 Bing还装模做样的分析了分析,它说也许是接头和包装的反差?...接着小哥追问,你觉得是什么组织的切面? Bing分析认为,这是肌肉组织的横切面。 甚至,Bing还十分严谨地指出,自己不能单独根据一张图,来判断这个人是不是健康。...说好的A框,说好的X呢!怎么又○又B框的。 再比如,这张《任天堂大乱斗》的游戏角色图中,Bing只认出了其中的7个角色。...然而,Bing这次依然没有回答正确——在给出的位置中,有好几处实际上都没有棋子…… 能看出来,Bing新添的识图功能性能倒是挺强大。 开局一张图,后面全靠强大的生成能力发挥。

    20820

    google maps api_js调用谷歌浏览器接口

    假如能够双击缩放,返回”真”; enableContinuousZoom():设置地图可以连续平滑地缩放。...disableContinuousZoom():禁止地图连续平滑地缩放。 continuousZoomEnabled():返回地图是否可以连续平滑地缩放的布尔值。...假如能够连续平滑地缩放,返回”真”;否则返回”假”。 enableScrollWheelZoom():设置地图可以由鼠标滚轮控制缩放。...panTo(center) 设置地图的中心点到指定的坐标,假如该点已经在当前的视口之中,则地图中心会滑动到该位置. panBy(distance) 地图滑动指定的像素距离....8.GClientGeocoder地址解析类: 此类用于和 Google 服务器建立直接通讯,以获得用户指定地址的地理位置信息。

    5.7K10

    谷歌Material Design可视化数据设计规范指南

    今天为大家分享谷歌的Material Design可视化数据设计规范指南,这个规范指南基本适用所有数据图表设计,很有参考价值,建议收藏。...类别比较 类别比较图表是多个不同类别数据之间的比较。 常见用例包括: 不同国家的收入、热门场地时间、团队分配 3. 排名 排名图表显示项目在有序列表中的位置。...颜色 颜色可用于以四种主要方式区分图表数据: · 区分类别 · 表示数量 · 突出特定数据 · 表示含义 颜色区分类别 例:圆环图中,颜色用于表示类别。...直接操作 允许用户直接对UI元素进行操作,最大限度地减少屏幕上所需的操作数量,包括:缩放和平移,分页和数据控件。 改变视角 使一种设计可以适用于不同的用户和数据类型,例如数据控件和动效。 1....渐进式披露 使用渐进式披露显示图表详细信息,允许用户根据需要查看特定数据点。 2. 缩放和平移 缩放和平移是常用的图表交互,会影响用户对图表数据深入的研究和探索。 缩放 缩放改变界面显示的远近。

    3.9K21

    Golang语言情怀--第113期 全栈小游戏开发:第4节:坐标系和节点变换属性

    在文档 场景编辑器 和 节点和组件 中,我们介绍了可以通过 变换工具 Gizmo 和编辑 属性检查器 中节点的属性来变更节点的显示行为。...假设场景中有三个节点:NodeA、NodeB、NodeC,节点的结构如下图所示: 当场景中包含不同层级的节点时,会按照以下的流程确定每个节点在世界坐标系下的位置: 从场景根级别开始处理每个节点,上图中...接下来处理 NodeA 的所有直接子节点,也就是上图中的 NodeB(以及其他和 NodeB 平级的节点)。...可以看到子节点 NodeB 也在 x 轴方向放大到了原来的两倍,所以缩放属性会影响所有子节点。...在子节点上设置的缩放属性会和父节点的缩放叠加作用,子节点的子节点会将每一层级的缩放属性全部 相乘 来获得在世界坐标系下显示的缩放倍率。

    26530

    Cesium笔记(2):基本控件简介—Viewer控件配置地图界面控件隐藏

    div我们看到一个虚拟地球在中央,默认使用Bing卫星图层,右上角的button依次为地名查找(依赖google服务)、重置到初始焦点与缩放(可以拖动缩放后点击该按钮即可复位)、地图图层投影方式(3D、...Geocoder : 查找位置工具,查找到之后会将镜头对准找到的地址,默认使用bing地图Home Button :视角返回初始位置.Scene Mode Picker : 选择视角的模式,有三种:3D...: true, // 如果设置为true,则所有几何图形以3D模式绘制以节约GPU资源  clock: new Cesium.Clock(), // 用于控制当前时间的时钟对象  selectedImageryProviderViewModel...creditContainer:显示credit的DOM元素iddataSources:默认数据源,如果指定了该值则需要负责销毁terrainExaggeration:地形放大比例,不影响在地球上的相对位置...navigationInstructionsInitiallyVisible布尔true可选,如果导航指令最初应该是可见的,还是假的,如果不应该显示,直到用户显式地单击按钮。

    3.9K31

    【移动端网页布局】移动端网页布局基础概念 ② ( 视口 | 布局视口 | 视觉视口 | 理想视口 )

    ( 网页大小 | 网页大小 > 设备大小 ) 布局视口 - Layout ViewPort 指的是 在 浏览器 中,用于 显示文档的区域大小和位置。...它是指 网页中可见部分的大小,即浏览器窗口中显示的内容大小。 在移动设备上,由于屏幕较小,需要 对网页进行缩放以适应屏幕大小,因此布局视口也需要进行调整。...为了 使网页在 不同设备上 都能够 正确地显示和布局,开发者可以使用 响应式设计来根据设备的不同调整布局视口。...移动设备浏览器中,设备屏幕较小,页面需要进行缩放以适应屏幕大小,视觉视口 会比 布局视口 小。...为了使 网页在不同设备上都能够正确地显示和布局,开发者需要 考虑不同设备的 视觉视口大小 和 缩放比例,并使用相应的技术和工具进行适配。

    1.3K30

    安防监控系统视频融合平台EasyCVR页面地图功能细节详解

    首页地图指GIS模式下,首页页面的地图默认展示位置及缩放大小;栏目地图指在【视频调阅】–【电子地图】的地图默认展示位置及缩放大小。...地图首页中心则是指,在打开对应地图页面的时候,默认展示地图中心点的位置,该值是可以通过手动输入或地图拾取。手动输入的格式是:经度,纬度。以英文逗号分割。...地图缩放级别是指,在打开对应地图页面的时候,默认展示地图的缩放级别,EasyCVR地图缩放级别设置在8-24级,值越大地图显示得越详细,可见区域越小。...现在以首页地图的缩放级别为例,更直观地了解下缩放级别的大小。...缩放级别为8级:缩放级别为12级:缩放级别为18级:缩放级别为24级:由以上几个缩放级别即可清晰明白上文所述,在使用的时候,根据实际场景,选择合适的缩放级别即可。

    33110

    千亿级照片,毫秒间匹配最佳结果,微软开源Bing搜索背后的关键算法

    一旦将数据点分配给某条数据,就可以排列或映射这些向量,其中排列地靠前的数字表示相似性。这些近端结果会显示给用户,从而提升搜索结果。...为了更直观的描述这一点,Majumder 详细解释道:一堆可以延伸到月球的 1500 亿张的名片中,眨眼之间,可在使用了 SPTAG 算法的 Bing 搜索里一个接一个地找到 10 张不同的名片。...搜索首先在空间分治树中搜索,以找到可以在 RNG 中开始搜索的若干种子数,然后迭代地在树和图中进行搜索。 强调 最新更新:支持在线矢量删除和插入 分布式服务:在多台计算机上搜索 构建 环境配置 ?...验证 运行 Release 文件夹中的 test(或 Test.exe)以验证所有测试。...未来 将矢量用于视觉、音频搜索 Bing 团队表示,他们希望开源产品以用于企业或面向消费者的应用程序,从而识别基于音频片段的语言或者用于图像繁多的服务,例如让人们拍摄鲜花等照片的应用程序,然后确定它是什么类型的花

    76130

    PowerBI 2020年12月更新 - 小多图与混合模型上线

    现在,“选择”窗格在移动布局视图中可用 从此版本开始,为手机构建报表布局时,可以打开“选择”窗格,然后在页面上查看视觉效果的分层顺序。您可以更改分层顺序,以将视觉效果显示在移动版式的正面或背面。...通过数据保护最大程度地访问信息:根据工作场所身份向您显示经过认证的相关Power BI数据,以显示搜索结果。...列表视图显示元数据以提供概览,包括上次打开工件的时间,报告的位置,认可级别,应用程序描述和敏感度标签。前往此文档页面 以了解更多信息! ?...在带状图中,很明显,大洋洲的相对较高数字是仅由两个国家(异常值)引起的,在这些国家中,条形图仅显示非常高的平均值。这些细节在带状图中变得可见。...在表格视图中,您可以突出显示特定的应用程序以阅读其描述,或者单击应用程序图像或标题以导航到AppSource上的应用程序。您还可以单击“ 视频” 或“ 帮助” 超链接来浏览到相关的应用程序资源。

    9.3K40

    PowerBI 2020.11 月更新 - 各类图标更新及查找异常

    随时在此论坛帖子上留下有关“新模型视图”的反馈。 桌卡头 标题颜色 桌卡标题显示颜色,以帮助您快速查看哪些表来自同一来源。处于导入模式的所有表都不会显示颜色。...来自同一DirectQuery来源的表格(下图中的蓝色)将显示来自同一来源的表格的颜色。对于我们的色盲用户,您也可以将鼠标悬停在表格标题上以了解更多详细信息,从而了解哪些表格来自同一来源。...应用所有过滤器现已普遍可用 我们很高兴地宣布,“应用 所有过滤器”功能现已普遍可用。作为更新,引入了此功能,可通过一次应用所有过滤器更改来帮助优化过滤器窗格以减少查询。...用它来创建带有内置过滤器(例如国家和州)的精美地图,或者为自定义区域创建并存储自己的过滤器。数据集群(如甜甜圈图和多页工具提示)等独特功能使您能够以结构化,用户友好的方式在每个位置显示更多数据。...用它来创建带有内置过滤器(例如国家和州)的精美地图,或者为自定义区域创建并存储自己的过滤器。数据集群(如甜甜圈图和多页工具提示)等独特功能使您能够以结构化,用户友好的方式在每个位置显示更多数据。

    8.4K30

    Android OpenGL开发实践 - 基于OpenGL ES 2.0的Android相机实时图片涂鸦实现思路

    IMAGE_POSITION_VERTEX所指定的位置即相当于上图中“绘制位置”,IMAGE_TEXTURE_VERTEX指定的纹理绘制部分即相当于上图中的“绘制部分”。...这里的方法是先计算触摸点相对于人脸鼻尖的位置,因为涂鸦画布是将画布中心对准了人脸鼻尖位置,所以再通过算出来的相对位置转换成涂鸦画布上的对应位置,以保证它在涂鸦画布上还是手指触摸的那个地方。...人脸缩放后,要保持触摸点转换成涂鸦画布上的正确位置,只需要把触摸点与人脸鼻尖点之间的差值相应地缩放就可以了: ?...另外,还可以给画布设置一个显示的缩放比例,这个是什么意思呢?...加上了涂鸦画布显示缩放比例后,坐标换转的计算逻辑也要相应地作修改,假设display_scale是设置的画布显示缩放比例,沿用之前的例子,如果画布被放大显示了,算出的点会有相应的偏移,调整示意图如下:

    7.3K130
    领券