js 图片缩放拖动代码 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

iPhone -滚动UISCrollview以保持对象移动

iphone

在这个滚动条里面我有一张图片，在图片上我有一些对象(作为图片的子视图)，就像Photoshop合成中的图层。所以，如果我缩放图片，对象也会缩放。如果我滚动图片，对象也会滚动。现在考虑一下:我把图片放大了。图片现在比iPad屏幕更大。我看到了图片的上半部分。我触摸图片上方的对象，并开始将其拖动到屏幕底部。我的意图是将拖动的对象放在图片的底部，但当<

浏览 1提问于2011-05-17得票数 1

回答已采纳

1回答

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

image、html、canvas、edit

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

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

回答已采纳

1回答

用于我的场景的最佳HTML5画布库

open-source、library、html

我们已经注册了一个web应用程序，它只允许在图像之间拖动和编辑文本，然后可以转换并下载为JPEG或PDF (我将为此使用一个单独的库)。数据还需要在AJAX调用时保存到我们的服务器。因此，我对这个库的标准实际上是尽可能容易地做以下工作-2)可以将数据保存到数据库中，以便随时恢复并恢复编辑。

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

回答已采纳

1回答

如何在调用chart.update()时停止chart js自动重新缩放y轴？

javascript、chart.js

我已经创建了一个图形，它根据在第一个滑块上选择的值进行缩放。 ? ? 正如您在第二张图片中看到的，第一个滑块设置为50，值都减半。我的问题是，无论何时调用chart.update() (每当我拖动滑块时都会调用)，chart js都会自动重新缩放y轴。如何禁用此功能？

浏览 18提问于2020-07-23得票数 0

1回答

Fabric.js无法操作新加载的背景图像

javascript、vuejs2、fabricjs

我使用vue和Fabric.js开发了图片的缩放和拖动功能。当我从服务器接口获得不同的图片参数时，画布仍然可以刷新，但当我拖动和缩放时，图片将跳到第一个请求的图像//template <canvas id="canvas" width="500px

浏览 1提问于2020-04-18得票数 1

1回答

react-konva使用可拖动的stage和滚动缩放功能拖放图像-如何更改拖放位置以匹配缩放/当前位置

reactjs、konvajs、react-konva、konvajs-reactjs

因此，我正在尝试构建一个应用程序，其中用户可以使用图片库，他们可以将这些图片库拖放到舞台上，以创建一种图像图表。因此，我想给他们提供放大和缩小舞台的能力，以及通过使舞台可拖动来移动舞台。问题在于，当我通过拖动舞台周围或放大/缩小来移动舞台，然后尝试将图像放在舞台上时，它会捕捉到舞台的原始比例，而不是新位置，我不确定如何更改这一点，以使图像放置到当前位置，无论缩放比例如何，或者拖动舞台的位置file=/src/Draganddrop.js 我

浏览 228提问于2021-08-24得票数 0

回答已采纳

4回答

缩放事件覆盖d3js中的拖动行为

javascript、svg、zooming、d3.js、drag

我正在尝试使用d3js为圆项目实现拖动和缩放事件处理程序。13) .call(d3.behavior.zoom().on("zoom", zoom));有关完整源代码，请参阅似

浏览 2提问于2012-11-24得票数 3

回答已采纳

1回答

放大分形(webgl)时遇到问题

javascript、html、canvas、webgl、fragment-shader

当我放大太多，用鼠标拖动图片时，它移动得太快了。类似地，如果我放大太多，图片拖得很慢。这就是它的放大(缩放)和拖动图片的方式(xPos，yPos)fPosition.y = fPosition.y *

浏览 2提问于2016-10-16得票数 1

1回答

用鼠标在picturebox中移动图片

c#、picturebox

我希望能够在图片框：中拖动100%缩放的图片。这怎麽可能？

浏览 3提问于2013-08-05得票数 0

回答已采纳

1回答

如何在实现多点触摸屏的Android应用程序中限制屏幕尺寸的最小缩放？

android、image-manipulation、zooming

我使用“Hello Android”中的一段代码来实现多点触摸屏。它允许拖动手势和收缩缩放。如何做到这一点？

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

2回答

在拖动时调整图像大小，同时通过拖动锚点或线条来保持宽高比不超过一定的宽度和高度

javascript、html、resize、kineticjs、aspect-ratio

我正在使用kineticjs，我试图通过拖动锚点或线条来调整我的叠加图片的大小。我可以使用锚点来调整它的大小，但用户也应该能够通过拖动蓝线来调整它的大小。代码是上的JSBin.Also纵横比也应保持不变。ThankYou。

浏览 8提问于2014-03-26得票数 0

1回答

为什么d3.js在实现缩放时v3会破坏我的力图，而v2不会？

javascript、svg、d3.js、force-layout

我有一个使用d3.js创建的力布局我基本上已经从()复制/粘贴了缩放代码。这与Mike Bostock在()中使用的缩放方式相同。下面是我的代码：我发现罪魁祸首是两位作者都使用d3.v2.js而不是较新的d3.v3.js。<script type='

浏览 3提问于2013-07-31得票数 37

回答已采纳

1回答

如何在android中实现Viewpager的缩放、平移和拖动？

android、android-viewpager、android-imageview、touchimageview

如何在android中实现Viewpager的缩放、平移和拖动？谢谢

浏览 4提问于2015-09-23得票数 1

2回答

如何在画布中获取图像的坐标x，y

javascript、html、css、requirejs

我必须开发一个函数"onMouseClick“来获取画布中图片的坐标(x，y)，那么我们如何获取画布(javascript)中可拖动和可缩放图像的坐标x，y呢？下面是我的代码： var rect = this.elements.container.getBoundingClientRectiEvent.pageY - rect.top; var coord = "X: " +x+ " , Y: &quo

浏览 0提问于2017-03-14得票数 0

1回答

Actionscript 3-检测单击以缩放或拖动

actionscript-3、zooming、flash-cs3、drag

到目前为止，我有以下基于"onClick“鼠标事件的功能：2)查看放大后的图像时，点击即可显示正常图像。1)删除onClick事件3)添加onMouseUp事件，并记录鼠标打开时的鼠标XY

浏览 1提问于2009-11-13得票数 0

回答已采纳

1回答

当游标位于D3.js中的SVG本身时，无法平移svg

d3.js、zooming、pan、observablehq

我用D3.js在ObservableHQ.com中制作了一个简单的缩放和潘笔记本，我有两个问题：我尝试过不同的代码，但是我发现的简单代码不像我想的那样。

浏览 12提问于2022-11-15得票数 0

1回答

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

javascript、jquery、html、css、frontend

我一直在这里试验这种效果：我怎样才能做到这一点？

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

回答已采纳

5回答

ViewPager和ImageView缩放问题

android、android-viewpager、android-imageview、pinchzoom

我正在尝试使用ViewPager实现一个图片库。另外，为了实现缩放功能，我使用了github的。我也尝试过使用。但是，问题是，如果我缩放图像&如果我滚动图像，那么滚动的不是图像，而是ViewPager，加载的是ViewPager的下一个视图。如果我缩放图像，如果我滚动图像，则图像必须移动，而不是ViewPager ViewPager的下一个视图只有在到达缩放图像的末尾时才能加载。如何做到这一点？我不能找到that.If我触摸和拖动图像对角线，只有当图像被移动。否则ViewPage

浏览 4提问于2012-12-13得票数 11

回答已采纳

2回答