腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
React-konva
移动
缩放
和
可
拖动
图像
javascript
、
reactjs
、
konvajs
、
react-konva
、
konva
这个应用程序允许用户在任何时候
拖动
和
缩放
图像
。这在Desktop上工作得很好。然而,我喜欢这个应用程序对
移动
设备的响应。这里的问题是画布
缩放
和
图像
拖动
不能同步工作。由于“onTouchMove”事件在
图像
拖动
时起作用,因此此应用程序无法按预期工作。import React, { useEffect, useState, useRef } from 'react'; import
浏览 223
提问于2021-02-06
得票数 0
1
回答
React Konva:防止放置点后的拖放
图像
恢复位置。
reactjs
、
canvas
、
konvajs
使用
React-Konva
,我创建了一个
可
缩放
的画布/舞台,其中包含一个
可
拖放的
图像
。点也可以画在画布的一层上。有人知道我是怎么做到的吗? 下面是我的代码的演示:
浏览 0
提问于2018-09-26
得票数 1
回答已采纳
1
回答
在React Konva中,如何在拖放的阶段获得单击
图像
形状的位置
reactjs
、
konvajs
、
react-konva
、
konvajs-reactjs
在Konva (准确地说是
React-Konva
)上,有一个带有图层的舞台。单击该
图像
将显示单击该
图像
的位置。但是
拖动
后(无论是舞台还是
图像
),位置就不同了。在
React-Konva
代码中,它基本上如下所示: <Layer> height={height}
浏览 0
提问于2019-08-20
得票数 1
2
回答
在
图像
上放置触摸区域,支持
拖动
、收缩
和
缩放
android
我正在寻找一种在
图像
上放置
可
触摸热点的方法。该
图像
(如桌面电话,带有键盘、扬声器按钮、保持等)位于RelativeLayout中的Framelayout中,底部有几个按钮。我需要的
图像
是
可
拖动
的,收缩/
缩放
,并已成功实现了这篇文章: 它使用点来确定热点。但是使用
拖动
和
缩放
功能,这显然不起作用,因为每当您
拖动
或
缩放</e
浏览 3
提问于2011-02-24
得票数 0
1
回答
将
图像
缩放
到鼠标悬停时的指针位置
javascript
、
jquery
、
html
、
css
我需要
缩放
一个
图像
(地图
图像
)在
移动
(
可
拖动
)它的指针。我已经在下面的jsfiddle中添加了代码,单击search并
拖动
该标志。因此,在
拖动
该标志并将其
移动
到地图上时,我希望将地图
缩放
到该位置。地图
图像
位于为解决方案编辑jsfiddle将非常有帮助。提前感谢
浏览 2
提问于2013-03-06
得票数 0
回答已采纳
1
回答
从特定点的尺度div
javascript
、
jquery
、
html
、
css
我在html页面上有一个Div
和
一个小圆
图像
。当我运行html页面时,div是0,所以没有显示。当我点击小
图像
时,div
缩放
到窗口中间的1。我的职位是绝对的。我的问题是,当我将div
缩放
到1时,它将从窗口的中间
缩放
。现在,我想从小
图像
缩放
,所以看起来就像从小
图像
打开的窗口。小
图像
是
可
移动
的(
可
拖动
的)。
浏览 5
提问于2014-02-10
得票数 0
回答已采纳
1
回答
缩放
后UIScrollview子视图无法识别平移手势
ios
、
objective-c
、
iphone
、
uiscrollview
我有一个滚动视图,我在其中添加了一个
图像
视图作为子视图。滚动视图的内容大小与
图像
视图的大小(宽度
和
高度)相同。在滚动视图之外有两个按钮。当我点击它们中的任何一个时,一个小的矩形视图被添加为
图像
视图的子视图。添加此矩形视图后,用户可以将其
拖动
到
图像
视图上的任何位置。 这很好用,直到我用手指来
缩放
滚动视图。在viewForZoomingInScrollView:方法中,我返回了
图像
视图,
缩放
效果很好。但在
缩放
视图中,当我
浏览 0
提问于2015-11-08
得票数 1
1
回答
图像
变换以同时应用旋转、
拖动
和
缩放
android
我想在
图像
上同时应用旋转,
拖动
和
缩放
。
图像
拖动
和
缩放
工作正常,但一旦我应用旋转
图像
质量就会丢失。请给我任何例子,可以同时对
图像
进行旋转、
移动
和
缩放
,并且应用变换后
图像
质量不会丢失
浏览 5
提问于2012-06-08
得票数 0
1
回答
@转角/cdk/拖放
angular
、
angular-material
、
angular-cdk-drag-drop
、
panzoom
我用的是角10
和
。在pan
缩放
元素中,我有使用的
可
拖动
元素。我找到了处理它的,但是我无法复制它,它使用的是JQuery
可
拖式。有谁知道如何使
可
拖动
的元素保持与鼠标相同的速度时,放大或放大与角-cdk-拖放
浏览 9
提问于2020-09-11
得票数 2
1
回答
React-konva
旋转div容器后
移动
矩形
reactjs
、
konvajs
我正在使用
react-konva
库来绘制一个固定大小的矩形。矩形具有鼠标
拖动
事件onDragStart
和
onDragEnd,用于在
拖动
矩形时重新定位矩形。当我尝试使用CSS rotate旋转div时,rectangle事件不会触发,并且矩形根本不会
移动
!我对
react-konva
库完全陌生,我找不到任何与我的案例类似的案例。
浏览 3
提问于2018-06-30
得票数 0
2
回答
JavaScript
缩放
图像
和
居中可视区域
javascript
、
jquery
、
image
、
zooming
、
center
我试图在点击按钮时创建一个
可
缩放
的
图像
,但是
图像
应该以可查看区域为中心进行
缩放
,因为
图像
可能比容器大。我在这里创建了一个小提琴来说明我想要什么,显然我通常会将
图像
隐藏在容器之外,我现在并不担心这一部分,还放了一个边界覆盖来显示容器的边界。我已经完成了基于
图像
比例的
缩放
部分,我只需要计算出新的顶部
和
左侧css值,并在
缩放
后将其应用于
图像
。此外,
图像
是
可</e
浏览 2
提问于2013-05-15
得票数 3
回答已采纳
1
回答
在Kinetic JS中调整
拖动
的Kinetic.Path元素的偏移,以始终将偏移中心保持在舞台上
kineticjs
我不得不开发一个
可
拖动
和
可
缩放
的世界地图,而且我是在一个封闭的系统上,不能依赖谷歌地图这样的东西。我还将该元素的
可
拖动
状态设置为true。 但是当
缩放
时,它总是
缩放
到路径的左上角,所以基本上是坐标(0,0)。我已经使用setOffset()将路径偏移量
移动
到路径的中心(宽度为.5,高度为.5)。这有一个副作用,那就是将3/4的
图像
放在舞台之外,所以我将路径的XY调整为宽度的.5
和<
浏览 0
提问于2012-08-02
得票数 0
1
回答
在react上弹出漂亮的dnd时跳转的项目
javascript
、
css
、
react-beautiful-dnd
尝试使用react- but dnd来创建
可
拖拽的项目,但找不到为什么它如此“跳跃”。在
移动
项目并释放它之后,被
拖动
的项目
和
其他项目正在
移动
和
缩放
(参见包含的
图像
gif )。只有当
拖动
物品/卡片到列表的末尾时,它才会在没有任何动画的情况下稳定下来,这就是我想要的方式。 在基于javascript的css中使用material-UI样式
和
flex将容器与项目居中。
浏览 17
提问于2019-12-02
得票数 4
1
回答
缩放
的
可
拖动
图像
超出了DIV元素(jQuery)的范围
jquery
、
jquery-ui
、
zooming
我在div元素中有
可
拖动
的
图像
对象(
图像
不能被拖出div)。我还为那个
可
拖动
的
图像
做了一个
缩放
滑块,但问题是我
缩放
的
图像
超出了div边界(当
图像
在div边界附近
拖动
和
缩放
时)。有没有办法在
缩放
时将
图像
保留在div元素中,该元素与
缩放
后的
图像
重叠(最大
图像
<e
浏览 0
提问于2012-11-10
得票数 0
5
回答
ViewPager
和
ImageView
缩放
问题
android
、
android-viewpager
、
android-imageview
、
pinchzoom
另外,为了实现
缩放
功能,我使用了github的。我也尝试过使用。ViewPager的下一个视图只有在到达
缩放
图像
的末尾时才能加载。如何做到这一点?我不能找到that.If
浏览 4
提问于2012-12-13
得票数 11
回答已采纳
1
回答
有一个好的开源谷歌地图风格的<canvas>
图像
组件吗?
html
、
image
、
canvas
、
touch
、
gesture
有平滑的按压-放大
图像
,理想的放大点在屏幕的中心位置。 使用context.drawImage(Image, sx, sy, sw, sh, dx, dy,d
浏览 1
提问于2013-08-10
得票数 2
回答已采纳
2
回答
Javascript/CSS禁用iPad上Safari页面滚动的橡皮筋端?
javascript
、
css
、
ipad
、
safari
、
scroll
方法做我需要的(锁定页面就位)也禁用
缩放
,我需要。我的网页应用程序涉及到人们抓取
可
移动
的
图像
和
电视。如果他们去触摸背景并
拖动
,那么整个页面就会拖拉
和
截取--这是令人恼火的,但并不是世界末日。
浏览 6
提问于2012-03-02
得票数 3
回答已采纳
1
回答
要在当前视图顶部显示的wpf用户控件
wpf
、
user-controls
这意味着,当我在视图中
移动
鼠标时,这个用户控件也会
移动
。如何实现这一点。我不希望有
可
拖动
的画布,只希望控件的顶部
和
左侧发生变化。实际上,我希望实现的目标非常类似于。但我希望在放大查看器中显示裁剪后的
图像
,而不是显示数字
缩放
图像
。
浏览 0
提问于2012-10-08
得票数 0
1
回答
如何在ReactJs中使用Konva Node
reactjs
、
html5-canvas
、
konvajs
、
konvajs-reactjs
我想在react应用中使用konva.js节点嵌套。我需要关于如何使用它的帮助。提前谢谢。
浏览 4
提问于2018-10-29
得票数 0
1
回答
在flex中
拖动
图像
apache-flex
嗨,我有一个问题,在一个加载器中
拖动
图像
。我可以做
缩放
和
旋转
图像
,但不能用鼠标
移动
图像
。目的是当我
缩放
图像
时,
图像
信息超出了边界,因此是隐藏的。要查看该信息,用户应该能够随心所欲地
拖动
图像
。
浏览 2
提问于2010-03-23
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Cortana窗口可自由移动和缩放!
基于canvas实现图片的动态拖拽、缩放以及裁切
ZBrush中必须记住的常用快捷键
黑暗模式即将进入 Windows 画图
CAD快速入门图像
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券