尝试在Phaser中获得鼠标滚轮缩放效果

文章/答案/技术大牛

发布

2回答

phaser-framework

使用鼠标滚轮进行放大和缩小似乎可以正常工作。然而，我想在混合中抛出鼠标的位置。如果用户放大，当相机放大或缩小时，相机将(最好是缓慢的，但也可以立即工作)移动到鼠标位置。换句话说，在缩放时，相机应该以当前鼠标的x，y坐标为中心，或者至少朝向它。摄像机x，y不等于画布x，y吗？它似乎在朝相反的方向摇摆。我已经在我的Typescript create()方法中尝试过pan()和centerOn()：

浏览 87提问于2020-07-17得票数 3

回答已采纳

1回答

在搅拌器中得到1的比例？

model、3d、zooming、blender

你好，我有以下问题：为了渲染图像，我使用了开放的Gl渲染。放大或缩小的唯一方法是使用鼠标滚轮。问题是我希望每个模型都有相同的比例。例如，当我导入一个小垃圾桶时，它就像地狱一样大，但当我导入整个地图时，它会变小，这意味着我需要使用鼠标滚轮来获得正确的缩放效果。但是没有显示缩放比例的值。(我使用的是openGL渲染)

浏览 1提问于2015-09-22得票数 0

3回答

根据鼠标位置缩放对象

actionscript-3

我有一个很大很大的Sprite，我想要放大和缩小鼠标位置作为轴心点，当你旋转鼠标滚轮时，google地图或photoshop缩放的工作方式。为了获得缩放效果，我在scaleX和scaleY属性之间进行了补间，但固定点是(0,0)，而我需要的是鼠标位置(当然，每次都会改变)。谢谢。

浏览 1提问于2009-05-31得票数 2

回答已采纳

2回答

svg中的鼠标滚轮缩放效果-移动到中心点并在达到限制时停止缩放

javascript、jquery、svg、svg-edit

鼠标滚轮- svg中的缩放效果-如何缩放到工作区的中心点，以及如何在达到最小和最大缩放级别时停止缩放级别。在哪里设置这个最小和最大缩放值？下面是我的代码，我已经在svgedit.compiled.js的zoomChanged函数中重置了缩放级别 {

浏览 7提问于2014-07-07得票数 0

1回答

如何在dc.geoChoroplethChart中添加放大和缩小按钮

javascript、d3.js、zooming、geojson、dc.js

我想给dc.geoChoroplethChart()添加缩放效果。我能够获得放大和缩小行为与滚轮鼠标。我是在示例的帮助下实现的。但是，如何使用放大和缩小按钮来实现这一点？我尝试了多种方法来实现这一点，例如查看d3示例，但都以失败告终，并弄乱了代码。谢谢。

浏览 0提问于2015-01-12得票数 0

1回答

在flex中像地图一样缩放图形

apache-flex、actionscript、zooming、mxml

我试着在flex中像地图一样缩放我的图形，但我所做的一切都是通过HSlider缩放。你能给我解释一下如何像谷歌地图一样缩放我的绘图吗？下面是我的缩放代码:我的缩放函数： {

浏览 1提问于2013-03-18得票数 0

3回答

在jQuery中放大/缩小事件

jquery、zooming

我只是想要一个功能，显示警报放大窗口说“你放大了”和缩小说“你缩小了”，我搜索了这个功能很长时间，但每次我搜索得到像“放大窗口事件”，这不是我要找的。

浏览 1提问于2013-05-22得票数 4

1回答

highcharts平移

zooming、highcharts、panning

我正在尝试基于这个例子实现highcharts的平移：编辑:很抱歉说得不是很清楚。jsfiddle中的代码不是我的代码。忘了这段代码吧，这只是我开始的一个示例表单。我正在尝试修改代码，以便

浏览 4提问于2012-04-20得票数 6

回答已采纳

2回答

有没有为纯AS3项目提供鼠标驱动的缩放/平移的库？

actionscript-3

今天，我想在一个纯AS3项目中添加鼠标驱动的缩放和平移功能--有点像Google Maps界面。实现缩放/平移并不涉及什么复杂的事情，尽管这可能很费时费力，但由于缩放和平移是非常常见的事情，我想知道是否有人可以在Flash世界中提出一个“正确”的方法来实现这一点，或者有一个好的库可用，但我一直无法找到

浏览 0提问于2009-11-03得票数 2

回答已采纳

2回答

在移动浏览器上缩放或旋转

javascript、android、html、dom-events、pinchzoom

在桌面浏览器中，我通过标准鼠标滚轮或DOMMouseScroll事件检测鼠标滚轮的使用。因此，我可以更改画布(放大一种地图)。现在我想把这个特性带给我的移动用户:我需要截取标准的收缩-缩放手势(不缩放页面)。这在今天有可能吗？是否有可能获得手势的中心(用于局部缩放和取消缩放)？

浏览 2提问于2012-11-29得票数 4

回答已采纳

1回答

变换矩阵

javascript、jquery、svg

在g元素中，我有x，y位置的项。我正在尝试实现一个鼠标滚轮缩放，它会平移g元素，这样鼠标下的对象总是在鼠标下。类似于Google地图通过鼠标滚轮缩放时平移地图的方式，以便您缩放到鼠标位置。我已经用尽了所有的搜索，并尝试了许多不同的方法来计算鼠标位置与g元素的位置。

浏览 0提问于2013-03-27得票数 0

1回答

如何防止鼠标滚轮事件的默认操作

javascript、jquery、d3.js

我正在构建一个d3.js条形图，它将允许我在x轴上滚动，方法是将具有固定宽度和高度的svg元素包装在具有溢出属性的较小div中。呈现条形图的页面有一个默认的缩放事件，该事件在您使用鼠标滚轮时触发。因为我想使用鼠标滚轮在我的条形图中滚动，所以我试图通过在代码中包含以下语句来停止默认的缩放操作：

浏览 3提问于2013-10-26得票数 0

1回答

D3旋转地球:在合并缩放功能时遇到问题

javascript、jquery、d3.js

我正在尝试使用D3将缩放功能添加到Mike Bostock的旋转地球中。只要地球在旋转，或者处于“动画”状态，缩放功能就像一个护身符。然而，我遇到了以下问题：(2)缩放功能禁用了所有这些有趣的平移效果(例如，正射、等距等)这

浏览 4提问于2016-06-03得票数 1

1回答

如何在使用自定义缩放栏时使用滚动轮使Google地图缩放？

google-maps

我为谷歌地图创建了自己的缩放栏，但当我滚动鼠标时，它无法工作。我该如何解决这个问题？

浏览 0提问于2011-03-15得票数 1

回答已采纳

1回答

用CSS3变换进行JavaScript图像缩放，如何计算原点？(举例说明)

javascript、math、css、zooming

我正在尝试实现图像缩放效果，有点像Google Maps的缩放效果，但使用的是固定位置的图像网格。我在这里上传了一个到目前为止的例子：使用鼠标滚轮来放大/缩小。这样做的效果是，当您将鼠标移动到更近的位置时，即使是轻微的移动，也会在马赛克周围跳跃。这基本上就是问题所在，我希望缩放功能完全像谷歌地图一样，可以精确地缩放</em

浏览 1提问于2010-05-13得票数 4

回答已采纳

1回答

按住Shift键可阻止在firefox中进行鼠标滚轮缩放

d3.js

我正在尝试为用户提供3个选项，当他们使用鼠标滚轮放大d3图表时缩放x和y:无修饰符仅缩放y:按住Shift键我会

浏览 2提问于2014-05-02得票数 0

1回答

动态观察控件缩放问题

three.js

在查看下面的three.js示例时，我正在尝试获得无限缩放功能：有没有办法获得无限的缩放功能？谢谢。

浏览 1提问于2015-06-23得票数 0

2回答

我可以用javascript模拟鼠标滚轮上下移动吗？

javascript、mouseevent、zooming、mousewheel

在此视图中，我可以使用鼠标滚轮操作进行放大或缩小。window.scrollTo(0,300);你知道我如何在javascript中模拟鼠标滚轮的上下移动吗？谢谢

浏览 0提问于2017-09-29得票数 5

1回答

将鼠标滚轮单击用作HelixViewport3D对象RotateGesture在WPF中无法正常工作

wpf、helix-3d-toolkit

为此，我使用了HelixToolkit NuGet pakcage，HelixToolkit.Wpf库中的HelixViewport3D。应通过按住鼠标滚轮并四处移动鼠标来旋转视图。在MainWindow构造函数中：viewport.PanGesture单击鼠标左键时的平移效果良好。如果我使用MouseAction.

浏览 180提问于2020-06-04得票数 0

1回答

Angular canvas MouseWheel:使用按钮滚动与缩放

angular、canvas、scroll、zooming、mousewheel

我正在使用angular 9，并尝试将鼠标滚轮用于两种行为。在屏幕上(画布内部)会有一个切换按钮，有两个选项(滚动和缩放)。在画布中，如果我们向上或向下移动鼠标滚轮，默认行为将是缩放。基于切换点击，我如何改变这一行为，使滚动将发射，我将能够加载图像一个接一个(基于鼠标滚轮点击)。event);

浏览 54提问于2020-02-28得票数 0

点击加载更多