1回答
我正在使用HTML5 canvas和JS创建一个绘图应用程序。我允许用户上传图片，并使用context.drawImage();在画布上绘制它。但是当我尝试编辑图片时，我失败了。如果我想使用鼠标(键盘或任何东西)来拖动和缩放画布上的图片，我应该怎么做？
浏览 1提问于2012-10-31得票数 1
回答已采纳
我正在尝试为我为Unveil.js ()实现的缩放和平移行为添加约束边界。启用边界后，您不能在场景边界之外平移，缩放级别(=缩放)不应低于1.0。因此，如果你处于zoomlevel 1.0，你应该根本不能平移。
您可以在stacks示例中看到无约束行为: dejavis.org/stacks。使用鼠标滚轮进行缩放。你可以清除屏幕上的块，或者无限地缩小它们，这是应该避免的。
真正困难的问题是相对于鼠标指针的缩放也会导致视口移出位置。因此，在平移期间检查边界是不够的。当我使用鼠标滚轮时，我必须找到一个聪明的方法来缩放回到100% (而不是做脏的跳转)。Photoshop似乎解决了缩放图片时的这个问
浏览 0提问于2010-08-31得票数 3
回答已采纳
3回答
鼠标在图像上方更改图像
、、、
目前，我正试图与我的朋友开发一家网上商店，我们想要的是这张图片；一旦鼠标在上面；更改产品的第二张图片。但是，一旦鼠标不再结束，它就需要改变回原来的图像。
很像
谢谢..。
浏览 0提问于2016-05-16得票数 1
回答已采纳
1回答
我有显示在365或更多值上的图形。图形非常简洁。
我想启动它的图形，使其可缩放三倍。
我可以给你的是用鼠标缩放，但是我想当你开始放大三倍的时候？
使用鼠标缩放之前和之后的图片。
浏览 2提问于2017-02-16得票数 0
我正在尝试制作一个“绘图”应用程序，它允许用户通过将鼠标拖动到画布上来绘制一些东西。
但是，我想在用户拖动鼠标的地方画一个‘像素’：鼠标的位置和绘制‘像素’的位置不一样。我在网上到处搜索，但我不知道我的版本和他们的版本有什么不同。
图片：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Drawer</title>
<script src="jquery-
浏览 0提问于2016-03-10得票数 1
1回答
嗨，我正在写一个程序。其中有两个picturebox。一个是包含完整的图像，另一个是小的，在大的picturebox中应该包含完整图像的部分鼠标指针。我只想实现一个固定比例的缩放功能，在大图片框中显示鼠标光标下的部分图像到小图片框中。
我只想要一个位图大小正好是我的小图片框，其中有缩放的图像。
附言:我不想使用任何额外的库。
我不想调整图片框的大小。
浏览 0提问于2010-11-14得票数 1
回答已采纳
这是我的问题:我把这个商店和magento放在一起，销售图片
我希望鼠标在缩略图上弹出一个新的更大的图像，例如在shutterstock (例如。)
任何帮助和小贴士都很感谢。
非常感谢你的努诺·洛佩斯
浏览 3提问于2013-08-12得票数 0
3回答
我使用的是reveal.js ()和高级图表JS，但是工具提示的位置有问题。例如，如果我使用x轴上的月份行，当我将鼠标放在1月份的点上时，工具提示是ok的，但当我将鼠标放在12月份时，工具提示显示了10月份的数据。每个月的工具提示越来越多。
您可以看到来查看问题
浏览 3提问于2013-12-02得票数 1
回答已采纳
1回答
我是一个甲骨文的家伙，正在努力编写一个HTML函数，我真的很感谢你的帮助。我想要实现的是我有一个4图片或一个图片与4个部分，一旦鼠标在每个部分，它需要弹出或得到放大。
最终，我希望一旦鼠标悬停任何部分弹出，仅供参考，我可以将该部分保存为图片。因此，原始图片将被分成4个部分。请分享代码，或者如果你有任何信息，请告诉我，非常感谢你的帮助
提前感谢
浏览 3提问于2016-04-21得票数 3
1.我试图缩放一个矩形，而用户在图片框上做鼠标向上和鼠标向下。
2.做了5个鼠标滚轮后，如果鼠标向下滚动，矩形仍然保持缩放(扩展)。
3.有解决办法吗？
GraphicsPath path=new GraphicsPath();
private float scale=1.0F;
private bool ActiveWheel=false;
public Form1()
{
path.AddRectangle(new Rectangle(10,10,50,100));
}
private void PictureBox1_Paint(object sender,PaintEventA
浏览 0提问于2019-04-24得票数 0
回答已采纳
鼠标滚轮- svg中的缩放效果-如何缩放到工作区的中心点，以及如何在达到最小和最大缩放级别时停止缩放级别。在哪里设置这个最小和最大缩放值？
下面是我的代码，我已经在svgedit.compiled.js的zoomChanged函数中重置了缩放级别
if (zoomlevel < 0.4) {
//changeZoom({value: 0.4});
var zoomlevel = 0.4;
return;
}
浏览 7提问于2014-07-07得票数 0
我正在创建一个自定义的图片库，突然遇到了这个问题。如果你创建了一个@keyframe动画，它不能以相反的方式播放。
例如:您有一个动画，它通过scale()放大正方形。如果将鼠标悬停在屏幕上，正方形将平滑放大，但如果将鼠标移出，正方形将在没有动画的情况下反弹回来。
有没有办法在后面的路线上反转动画？在我的例子中，转换不能正常工作。谢谢。
浏览 2提问于2016-09-18得票数 0
我写了一个从PhotoLibray拍照的应用程序。当我运行应用程序时，它成功了，然后我从库中选择了一张图片，并将allowEditing属性设置为YES，但当编辑屏幕显示时，没有编辑工具显示，我无法编辑该图片。我用的是xcode6，类是UIImagePickerController。代码如下：
- (IBAction)takePicture:(id)sender
{
UIImagePickerController *imagePicker = [[UIImagePickerController alloc] init];
// If the device ahs a came
浏览 4提问于2015-06-12得票数 0
1回答
我正在构建一个d3.js条形图，它将允许我在x轴上滚动，方法是将具有固定宽度和高度的svg元素包装在具有溢出属性的较小div中。这种可视化是在一个处理数据并提供javascript代码编辑器来创建可视化的平台上构建的。发布代码后，条形图将呈现在html div元素中。
呈现条形图的页面有一个默认的缩放事件，该事件在您使用鼠标滚轮时触发。因为我想使用鼠标滚轮在我的条形图中滚动，所以我试图通过在代码中包含以下语句来停止默认的缩放操作：
$(vizhtmlelement).mousewheel(function() {
return false;
});
这可以成功地删除缩放功能，但也会阻止
浏览 3提问于2013-10-26得票数 0
1回答
我刚刚建了一个网站，并借了一段免费的javascript来放大产品图片。
唯一的问题是，这张图片把我的桌子的侧面都炸开了，看起来很笨拙。
有没有人可以看一下这个页面，例如：
将鼠标悬停在图像上，告诉我如何在不将桌子推开的情况下使其放大？请注意，我不介意它将内部推开，并将文本换行，只覆盖外部边界。
如果这是一个更好的方法，我也不会反对用javascript中更好的缩放来代替它。
非常感谢各位。
凯茜
浏览 1提问于2015-01-20得票数 0
我读过：
在我的问题中，我使用picturebox在c#中绘制我的图表(实际上它是一个等高线)。我想画的图片框，可以缩放像zedgraph(c#库)，当我滚动我的鼠标：
我的问题是:我可以不重新计算点就绘制它，然后像zedgraph那样从头开始绘制吗？
浏览 0提问于2013-07-25得票数 1
1回答
所以我想做一个有趣的东西，就像在Windows中，当你显示一张图片时，当你放大的时候，你可以用鼠标移动图片。我已经在我的项目中得到了缩放部分：
<ScrollViewer Name="scroll" Margin="40"
HorizontalScrollBarVisibility="Auto"
VerticalScrollBarVisibility="Auto">
<Canvas
浏览 5提问于2022-11-02得票数 0
回答已采纳
我正在研制THREE.js 正投影相机，我用“OrbitalControls.js”作为控件。我想放大鼠标在3D世界的方向。希望能在JS中找到解决方案。我知道这是一个不容易的解决方案，像透视相机。(在这里，我们加入相机的方向)
浏览 1提问于2018-03-12得票数 1
3回答
我有一个函数，我用它来缩放鼠标上的图片--输入并在鼠标出时返回到正常大小。问题是，如果我快速鼠标退出，然后鼠标-在图片被允许恢复到正常大小之前，那么图片将从鼠标时刻的大小( x2.7)扩大(X2.7)-输入(并将不再返回到它原来的大小)....so，它得到巨大！在img第一次恢复到原来的大小之前，我如何阻止函数运行？去vgtesting.co.nf (遛狗标签)看看我想做什么。
//to scale up on hover
$('#videoandmapwrap').on({
mouseenter: function () {
current_h = $
浏览 5提问于2014-01-27得票数 0
回答已采纳
在我的winform中有一张图片，我想在鼠标移动时显示像素坐标，无论是放大还是缩小，相同像素的坐标都不会改变，就像paint.net所做的那样。感谢你的任何想法。
浏览 0提问于2009-12-21得票数 0
回答已采纳
我正在制作一个应用程序，在这个应用程序中，我加载了一组256 x 256 box块的地图，并将它们与magick.net缝合在一起，然后将它们显示在一个图片框中。我在图片框控件上添加了一个功能，用于使用鼠标事件来旋转图像(并像我一样加载新的图片块)，如下所示：
// Set true when mouse should slew the picture in the picture box
private bool isSlewing = false;
// last position of the mouse in map space when slewing
private float l
浏览 6提问于2021-09-19得票数 0
回答已采纳
我目前正在为C3.js图形指定我自己的事件处理程序，感谢回复 ;)的人。然而，我的事件处理程序干扰了一些C3.js事件处理程序。例如，我的自定义drag&drop缩放干扰了C3.js的默认行为，C3.js在缩放的图形中进行平移。
这是
有了这样的设置，在我的图形上拖动可以使其水平移动和缩放。
我想知道是否有可能删除现有的事件，如鼠标滚轮缩放或拖放以在缩放的图形上移动？我已经尝试在c3-event-rects层为这些事件赋值为null，但似乎不起作用。
非常感谢:)
浏览 4提问于2015-07-27得票数 0
1回答
我创建了一个jfrechart作为第一张图片。在用鼠标轮放大后，它显示为第二张图片。如何调整ChartPanel的大小，使其能够显示所有缩放的图表？
我将ChartPanel放在一个JScrollPane中，并在它的mouseWheelMoved事件中更新它的首选大小，如下所示。它并没有像我预期的那样起作用。它没有显示整个图表，轴的字体大小也被放大到不合适的大小。
public void mouseWheelMoved(MouseWheelEvent e) {
double factor = _chartPanel.getZoomInFact
浏览 1提问于2014-01-19得票数 0
1回答
我使用d3.js在GeoMap中创建了弹出功能。下面的代码部分显示了特定的节点作为一个圆圈，当我移动鼠标在圆圈上时，它将显示一个弹出窗口。
g2.selectAll(".details")
.data(d3.entries(json1))
.enter()
.append("circle")
.attr("r",0.5)
.attr("transform",function(d) { return "translate("+ projection([
d.value.lon,
d.value.lat
浏览 2提问于2017-11-21得票数 0
从，我知道如何禁用鼠标轮放大D3.js。我怎样才能把它重新映射为按住控制按钮，再加上鼠标轮？谢谢。
浏览 2提问于2016-01-14得票数 5
回答已采纳
1回答
我有一个使用picturebox的winform应用程序。在这种情况下，用户可以单击图片框，并根据单击的位置做一些事情。它的工作原理与小的图像。作为参考，单击的代码如下所示
private void picImage_MouseUp(object sender, System.Windows.Forms.MouseEventArgs e)
{
int i, n;
if (!flagDown) return;
for (i = 0; i < numRect; i++)
{
//Here we compare e with some data
浏览 1提问于2018-08-06得票数 0
回答已采纳
1回答
我在Ionic上开发了一个项目。
在一个视图中，我搜索了抓取缩放图片的可能性。
我尝试了hammer.js ()。收缩缩放有效，但缩放是在图片的中心屏幕上，而不是在执行收缩的地方。此外，图片可能会从屏幕上消失。
那么，我如何在Android/Ios兼容的情况下对图片(而不是画廊)进行缩放。这是一个基本的功能，并不是很受欢迎。
有什么想法或教程吗？
浏览 2提问于2016-11-02得票数 1
我创建了一个定制的产品图库。一切都很好，但问题是我不能再在我自己的自定义产品图像模板中使用缩放效果。我这里的缩放是指当鼠标经过图像时，它会放大鼠标光标周围的区域，而不是弹出缩放。 我知道新版本的Woocommerce已经包含了这个功能。但是我如何在我的自定义模板中使用它呢？ 图片库html如下所示： <div class="wpgs-for">
<a class="venobox" data-gall="wpgs-lightbox" title="title" href="www.dadada.com&
浏览 19提问于2019-12-30得票数 4
回答已采纳
我创建了一个图片控件(type: frame)来显示图像。现在我想用鼠标点击图片控件的指定坐标来显示位置和R，G，B值。我该如何解决这个问题呢？
浏览 0提问于2014-07-28得票数 0
3回答
嘿:)所以我在为我正在制作的游戏做按钮。图形工作，至少在一定程度上，我不需要修复他们。然而，点击检测有点不确定。例如，按下下面第一张图片中的黑线，就会触发响应。显然，这一点不在按钮上。我使用它的getBounds()方法(也用于点击检测)通过在它周围绘制一个矩形来测试按钮包围框，并在它周围画出一个完美的矩形。然后我测试了鼠标点击点，结果发现即使按钮放在y= 100处，在黑线上，鼠标点也等于100.现在我不知道为什么会发生这种情况，特别是因为，如果我把按钮放在左上角，鼠标检测会正确地检测到顶部的像素，并且没有偏移.
浏览 6提问于2014-05-26得票数 2
回答已采纳
2回答
我目前有一个winform应用程序，它相对地依赖于读取鼠标点击点。这是一个视频应用程序，允许用户点击来自网络摄像头的视频提要，并在其上画线和做其他事情。这个问题的重要部分是绘图线--一个简单的例子是，如果他们点击视频提要上的某个地方，它就会立即在鼠标点上画一条横过整个图片的水平线。
这在96 dpi上是完美无缺的，但是当windows缩放到125%的时候(控制面板\所有控制面板项目\显示->介质- 125%)，并且将其缩放到120 dpi，它都会进入锅中。突然，应用程序读取鼠标时，点击的图片比实际要远得多。
我所做的就是在老鼠身上拉出鼠标的确切位置。它真的很简单，就像
浏览 4提问于2013-07-29得票数 0
回答已采纳
1回答
使用鼠标坐标查询图像数据库
、、、、
感谢您抽出时间阅读我的帖子。
我正在寻找一些选项/建议/一般意见，关于我如何能够基于鼠标位置查询图像数据库。
本质上，我有一个数据库(在一个单独的公司服务器上)，其中包含一些图像，我想做的是根据我的鼠标在浏览器中的位置将图像返回到我的网站。
所以如果我点击左上角，我会得到一张放大的风景左上角的图片(一个单独的图像)，如果我点击右下角，我会得到一个右下角的放大图片(同样，单独的图像)。
我是HTML/PHP/CSS的新手，但不是C++/C/Delphi的新手，我确信我可以做到这一点，但我无法从树上看到我真正需要做的事情！
我使用我自己的服务器(由1&1托管)和一个Drupal网页。
如果
浏览 0提问于2012-10-10得票数 1
回答已采纳
这是我的代码，其中我只知道鼠标经过，并且工作完全正常，但它鼠标在整个图片上，我希望鼠标从内部以及轻微的放大，这是一个网站，你可以从中看到我要求什么？()当你向下滚动到广告，然后你可以在广告上悬停，你可以体验到从内部的鼠标悬停以及轻微的放大。提前谢谢。
<body>
<div class="page-container">
<div class="page-back">
</div>
</div>
<script sr
浏览 1提问于2020-09-12得票数 0
2回答
我的应用程序需要控制显示位图(jpg)，但也需要缩放和平移(因此，如果您按下鼠标按钮，就可以在帧内“移动”缩放的图片)。
我所做的是在表单上放置面板，然后在面板中放置pictureBox (锚定顶部，左)。
因此，如果我需要放大它，我只是执行下面的代码从缩放按钮事件：
private void ZommInOut(bool zoom) {
int zoomRatio = 10; // percent
int widthZoom = pBox.Width * zoomRatio /100;
int heightZoom = pBo
浏览 3提问于2010-04-09得票数 1
回答已采纳
1回答
我在这个项目中使用了SDL和OpenGL。我在程序启动时的屏幕是640x480，我的glOrtho设置也是如此。所以程序开始是同步的。但是我的程序允许用户用鼠标选择要放大的显示的一部分。例如，用户可以选择320,240 (_mouseStart)到640,480 (_mouseEnd)的区域。然后将此选择区域传递给glOrtho，以便它可以居中并放大到所选区域。我的问题是，当我尝试选择已经放大的区域的区域时，因为SDL鼠标坐标的范围是0,0到640,480，而不是选择的新区域，在本例中是320,240到640,480。我需要一种方法来计算什么是真正的鼠标位置时，试图选择和已经放大的区域。
我不
浏览 1提问于2012-12-25得票数 2
回答已采纳
我想得到类似于谷歌图片的效果，当我们将鼠标放在任何图片上时，图片就会弹出并出现在前面，而不会影响其他图片的原始位置。此外，只有当光标是静态的，而不是当我们随机移动它时，才会发生这种情况。
我试图缩放图像，但其他图像丢失了它们的原始位置。我的代码是-->
$("img").mouseover(function(){
$(this).css("cursor","pointer")
$(this).animate({zoom: '107%'}, 'fast')
}).mouseout
浏览 2提问于2012-09-28得票数 2
回答已采纳
1回答
放大分形(webgl)时遇到问题
、、、、
当我放大太多，用鼠标拖动图片时，它移动得太快了。类似地，如果我放大太多，图片拖得很慢。
这就是它的放大(缩放)和拖动图片的方式(xPos，yPos)
fPosition.x = fPosition.x * scale + xPos;
fPosition.y = fPosition.y * scale + yPos;
我应该怎么做才能解决这个问题？
浏览 2提问于2016-10-16得票数 1
1回答
在过去的几天里，我一直在做一个C Mandelbrot套装程序，我设法使它正常工作，然而，我的最终目标是能够用我的鼠标平稳地放大设置，这是我还无法做的事情，所以我可能需要一些帮助！
下面是我代码的一部分(嗯，完整的mandelbrot函数)：
//removed to free space
这是一个输出的图片：(对不起，它不是很漂亮，颜色不是我的优先考虑，但我将确保他们的工作，一旦我知道缩放!)
我想要做的事情，：
左击->图像的中心变成mouse_x a mouse_y。然后，只要保持左键，它就开始放大。
右击->。只要保持右击，它就会开始放大。
移动鼠标->
浏览 8提问于2017-01-22得票数 2
回答已采纳
谷歌有最酷的效果--它曾经是一个吃豆人游戏，今天显然是第一届世界博览会160周年，谷歌的标志有它的形象。他们还把鼠标变成一个可以扫过图片的放大镜(金戒指)。
我想知道他们是怎么做到的。它显然是Javascript，我看了一下页面源代码，但它的可读性并不是特别好(这并不奇怪)。
浏览 55提问于2011-05-01得票数 19
回答已采纳
1回答
我需要一种方法，以转换屏幕坐标从鼠标点击到世界坐标在我的2D游戏。
若要创建由用户控制的缩放效果，在绘制模型之前，我将以世界比例尺值来缩放它的所有点。
屏幕原点(0,0)位于左上角，而世界的中心(0,0)位于屏幕中心(宽度/2，高度/2)。
我需要一个函数来将鼠标点击获得的和弦(屏幕坐标)转换成相应的缩放世界坐标，这样我就可以确定用户在这个缩放的世界中点击了什么world元素。
我的任何一种方法都是按要求工作的，不幸的是，没有找到适合我的情况的解决办法。
这是一个非常简单的示例JS：
使用鼠标轮放大/缩小
点击屏幕设置一个点。
谢谢!
浏览 0提问于2019-04-14得票数 1
回答已采纳
2回答
旋转+缩放图像
、、、、
我需要三个基本功能来处理图像：
旋转图像；
放大图像；
移动图像。
我现在试图放大图片，但如果我已经旋转了，它必须保持旋转的图像。
我需要移动图像与鼠标，同时保持缩放和旋转的特点，如果它是旋转的。
jQuery('#zoom').click(function(){
element.clearRect(0, 0, canvas.width, canvas.height);
larguraNova = ( canvasWidth + (escalaPixel * valorZoom) );
if(larguraNova > canvasWidt
浏览 6提问于2013-07-02得票数 3
回答已采纳
1回答
这个问题有点重复，但我已经通读了所有其他答案，但没有一个是有帮助的。我有一张想要放大的图像，可以用鼠标移动。就像这个网站上的横幅图片。https://www2.hotelspro.com/。 这是我的图片的代码 <img src="https://via.placeholder.com/500" class="flickity-viewport"> 我有一个执行鼠标移动的jQuery脚本，它工作得很好。下面是代码。 <script>
jQuery(document).ready(function($){
var lFollowX =
浏览 35提问于2019-06-02得票数 0
1回答
CSS变换破坏鼠标位置事件
、、、、
我正在缩放页面上的div (缩放功能)和非缩放的div。缩放的div有鼠标覆盖事件，这些事件会导致文本跟随鼠标。缩放破坏了应该跟随鼠标的元素的位置。
悬停文本如下所示：
$("#container").on('mousemove','.mouseMe',function(e){
$("#followA").css("top",e.clientY)
.css("left",e.clientX);
});
//also some additional mouse
浏览 0提问于2014-08-12得票数 1
回答已采纳
使用jquery.flot.navigate.js，我可以让flot放大/缩小鼠标滚轮/双击指定的数量(例如x1.5)。我需要的是按日历缩放。我的意思是按小时/日/周/月/年的界限放大/缩小。
有没有办法实现与导航插件或自定义解决方案的回调/交互？
浏览 2提问于2015-03-04得票数 1
1回答
在三维轴上创建圆
、、、
我是matlab的新手。
我想在3-D轴上绘制像下面这样的图片，然后用鼠标移动它。
我没有问题的第二部分(移动对象的鼠标移动)，我不知道如何创建这个圆在3-D轴
浏览 0提问于2014-11-15得票数 0
我意识到在flot事件中，"plotpan“事件和"mousedown”事件之间存在着冲突。如果启用了绘图盒，那么鼠标向下操作将无法在绘图区域工作；同时，如果禁用"plotpan“事件，但启用" plotclick”事件和" mousedown“事件，则结果显示只有鼠标向下工作，而plotclick不起作用。我如何确保这三个或更多的事件能够以一种更均衡的方式工作？演示代码附后如下：
<html>
<head>
<title>A Test Page</title>
<!-- JQUERY/FLOT L
浏览 6提问于2011-04-20得票数 1
1回答
当我将鼠标悬停在一张图片上时，我想放大它。但相反，当我将鼠标悬停在它上面时，它会放大enitre图片，即使我使用了overflow: hidden。
HTML
<div class="gallery">
<div class="image-parent">
<div class="image fit">
<a href="#"><img src="https://www.w3schools.com/image
浏览 14提问于2020-03-02得票数 0
回答已采纳
2回答
我已经创建了一个应用程序，创建了许多图片与new Image()根据上下文。
我想把我所有的照片放到一个特定的div中，这个div将始终具有相同的大小: 90%的屏幕。
当我将鼠标悬停在一张图片上时，真实的图片就会出现。
照片的宽度必须根据照片的数量进行调整。
这是我想要做的一个例子：
每种颜色代表一幅不同的图画。
这是我悬停一张图片的时候(这里:红色的那张)：
我完全不知道怎么做这个。如果你对这些事情有想法或线索，欢迎你来帮助我！谢谢。
浏览 4提问于2020-05-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
