js鼠标经过图片缩放 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

将Woocommerce缩放添加到自定义图库

wordpress、woocommerce、zooming

一切都很好，但问题是我不能再在我自己的自定义产品图像模板中使用缩放效果。我这里的缩放是指当鼠标经过图像时，它会放大鼠标光标周围的区域，而不是弹出缩放。图片库html如下所示： <div class="wpgs-for"> <a class="venobox" data-gall="wpgs-lightbox" title="title" href="<&#x

浏览 19提问于2019-12-30得票数 4

回答已采纳

1回答

利用视差效应实现光滑的三维变换

javascript、jquery、html、css、frontend

(我已经将背景设置为洋红色以突出这些缺陷)到目前为止，我已经尝试了一些东西，比如在鼠标无限期地捕捉鼠标位置之前进行超时，但我仍然在努力实现那种光滑的过渡。在这里，CSS转换显然是无用的，因为它需要捕获mousemove上的鼠标位置。我怎样才能做到这一点？

浏览 5提问于2016-12-21得票数 2

回答已采纳

1回答

网页中的几张图片以相同的方式缩放--如何实现？

html、image、web、zooming

例如，初始页面可能看起来像这样，源图像在顶部：然后我将鼠标光标悬停在源图像上，通过转动鼠标滚轮进行放大，并将其拖动到感兴趣的区域，所以现在我可以看到如下所示：好了，仅此而已。

浏览 5提问于2012-04-27得票数 0

回答已采纳

1回答

在画布上选择图像时遇到问题

image、html、canvas、edit

我正在使用HTML5 canvas和JS创建一个绘图应用程序。我允许用户上传图片，并使用context.drawImage();在画布上绘制它。但是当我尝试编辑图片时，我失败了。如果我想使用鼠标(键盘或任何东西)来拖动和缩放画布上的图片，我应该怎么做？

浏览 1提问于2012-10-31得票数 1

回答已采纳

1回答

我在拉斐尔JS中有一个简单的场景，其中主要包含基本元素，圆，矩形，图像等。我想要在mouseover事件上放大一个圆，这是我可以做到的，但我想在圆的顶部添加一个图像，并在鼠标经过圆或图像时也具有该缩放。有没有办法让我一次缩放两个(或X个)项目而不是一个？另外，当鼠标移到圆上时，事件会触发，但是当鼠标移到图像上时，圆的mouseout事件就会触发，我如何才能停止这一操作，使圆和图像看起来像是一个元素？

浏览 0提问于2012-05-01得票数 2

回答已采纳

1回答

所有图像的Jquery图像缩放

javascript、jquery、html、image、zooming

我在网络上找到了一个jquery图片缩放插件()，但我有200多张小图片，我想应用这个插件。我想我需要在elevatezoom.js上跟踪鼠标，我该怎么做呢？png" data-zoom-image="image1.jpg"/><script> $("#zoom_01").elevateZoom(); </script> (elevatezoom.js

浏览 10提问于2017-04-27得票数 1

回答已采纳

1回答

用fabric.js缩放画布时图像的像素完美缩放

javascript、html、fabricjs

我的软件是一种带有画笔的像素艺术绘制程序，fabric.js经过了很大的修改，以便对fabric.js对象进行像素圆整平移(位置总是整数)，但是调整图像大小并使其像素与画布的比例为1:1仍然是一个问题。现在，fabric.js zoomToPoint函数被用来用鼠标轮缩放画布，当图像没有缩放时，它们的像素与画布相匹配，但当我缩放任何对象(或向上)时，像素不再与画布相匹配，因此对象的像素实际上比画布像素小或大问题的屏幕截图，缩放级别为8

浏览 27提问于2015-04-14得票数 0

回答已采纳

1回答

使用ViewMatrix进行约束平移/缩放

javascript、html、graphics

我正在尝试为我为Unveil.js ()实现的缩放和平移行为添加约束边界。启用边界后，您不能在场景边界之外平移，缩放级别(=缩放)不应低于1.0。使用鼠标滚轮进行缩放。你可以清除屏幕上的块，或者无限地缩小它们，这是应该避免的。真正困难的问题是相对于鼠标指针的缩放也会导致视口移出位置。因此，在平移期间检查边界是不够的。当我使用鼠标滚轮时，我必须找到一个聪明的方法来缩放回到100% (而不是做脏的跳转)。Photosh

浏览 0提问于2010-08-31得票数 3

回答已采纳

1回答

在图像鼠标经过缩放时

jquery

addClass('reset'); }); 在某些鼠标进入后

浏览 4提问于2011-07-22得票数 0

回答已采纳

1回答

Joomla Opera IE问题的Jqzoom实现

jquery、internet-explorer、joomla、opera

它似乎没有得到正确的鼠标位置。虽然我在一个非joomla站点上测试了相同的布局和选项，但一切都很好，所以我真的不知道。下面是我使用Jqzoom的方法:左边的主要产品图片和左边的附加图片，它们都放在一个500px的容器中，这个容器在一个700px的容器中，剩下的200px是一个position:fixed菜单。我知道缩放的整个想法是使用img加载一个小图像，并使用锚点将缩放指向大图像。它正确加载脚本，但在Opera和IE中，即使鼠标离开图像，脚本仍在运行。您可以在其中一个打印屏幕上看到它，

浏览 1提问于2010-08-21得票数 0

回答已采纳

1回答

MSChart在启动时启用图形缩放

c#、.net、winforms、visual-studio

我想启动它的图形，使其可缩放三倍。使用鼠标缩放之前和之后的图片。

浏览 2提问于2017-02-16得票数 0

3回答

实现定点缩放，javascript/画布

javascript、html、canvas

可能重复：我想用鼠标轮实现鼠标指针的缩放。即缩放图像，而鼠标指针下的点保持不变。

浏览 1提问于2010-05-23得票数 7

回答已采纳

4回答

带滚轮滚动的图像查看器

software-recommendation、eog、gthumb

是否有允许用户使用鼠标轮滚动放大图像的图像查看器？这是一个关键的功能，我在EOG，gThumb等中没有.

浏览 0提问于2012-12-10得票数 9

2回答

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

javascript、jquery、svg、svg-edit

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

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

1回答

JQzoom -更改图像源后，缩放图片不可移动

javascript、jquery、html、zooming、jqzoom

我正在使用JQuery来缩放我网站上的图片。我还创建了一些图标，如果我点击它，它会将图像更改为缩放。不幸的是，在图像更改之后，缩放的图像不再可移动。在缩放窗口中，我只能看到图像的顶部。但当我向下移动鼠标时，什么也没有发生。有人知道我做错了什么吗？脚本函数的源代码，可以通过单击其中一个图标来调用该函数：{ document.getElementById("main-image-jssetAt

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

回答已采纳

1回答

在C#中缩放图像

c#、.net

一个是包含完整的图像，另一个是小的，在大的picturebox中应该包含完整图像的部分鼠标指针。我只想实现一个固定比例的缩放功能，在大图片框中显示鼠标光标下的部分图像到小图片框中。我只想要一个位图大小正好是我的小图片框，其中有缩放的图像。我不想调整图片框的大小。

浏览 0提问于2010-11-14得票数 1

回答已采纳

1回答

ElevateZoom，在不同的div上显示缩放的部分，它总是打开的。

javascript、jquery、html

但是插件的默认行为是，只有当鼠标在特定区域周围徘徊时，才会显示缩放部分。我试图实现的是，显示缩放版本的图像在不同的DIV和将继续显示放大的图片，即使鼠标被从图片中移除。

浏览 3提问于2015-04-10得票数 0

回答已采纳

1回答

如何在覆盖层以上进行缩放？

javascript、jquery、zooming、overlay

如何带来缩放覆盖(即当您在图片上的鼠标：)？

浏览 3提问于2014-05-24得票数 0

回答已采纳

3回答

仅使用HTML-CSS制作缩放-调整大小后停留在适当位置的覆盖<div>

javascript、html、css

我在我的网站上，将有图片库工作。设计师的想法是让切换照片的按钮在照片上方一点。目前我已经为此做了一个javascript解决方案-它获取照片的位置，并将绝对定位应用于按钮div。此外，我必须制作一些肮脏的haxx，使它在缩放后留在适当的位置。我想知道是否有更好的方法来做到这一点，最好不要javascript。

浏览 6提问于2009-05-12得票数 0

回答已采纳

5回答