我正在做一个项目，想在同一个画布上同时使用p5.js和fabric.js。我需要fabric.js的功能来在画布上拖动图片，p5.js在图片被拖动时动态地在图片之间绘制线条。我不确定这是否可能，因为它们似乎都有各自独立的画布创建函数 p5.js createCanvas(100, 50); fabric.js canvas = new fabric.Canvas('c'); fabric line类似乎有点太死板，无法实现我想要的效果，所以我正在寻找一个解决办法的想法，或者是一个更适合在fabric canvas上绘制动态线的不同的库。
浏览 85提问于2020-08-07得票数 0
我试图更改OpenSeadragon的键，默认为左键，长键拖动图片，我想将其更改为右按钮长按并拖动，我应该做什么，下面是我尝试过的代码，但它似乎没有效果
<script>
var mouse = OpenSeadragon.Button({
element:'view',
});
mouse.isTracking(true)
mouse.dragHandler(function (event){
event.buttons = 0
});
浏览 18提问于2022-09-05得票数 0
我想实现一个android屏幕，其中用户的个人资料图片显示一半的高度，当我们向下拖动屏幕，能够看到完整的图片，当我们再次释放图片在初始状态(半图片)。它就像Viber个人资料页面的效果一样。请帮我讲讲如何做到这一点。谢谢。
浏览 2提问于2013-10-06得票数 2
我是js和jquery的初学者，如果有人能帮我，我需要一点帮助…
我想做什么？
我想要将div从侧边栏拖到表中。侧边栏中的div只能拖到表中。当我将div拖动到table中时，在table中，div必须是可调整大小和可拖动的。
图片：
我试着使用下面的代码，但效果不佳：
$(function() {
$( ".draggable" ).resizable();
$( ".draggable" ).draggable({revert: 'invalid', helper:'clone', snap: "
浏览 2提问于2013-07-03得票数 0
回答已采纳
1回答
我正在为我的web应用程序使用angularJS，我需要编写一个包含拖动操作的组件。当我试图实现这个目标时，我发现很难控制指针周围的拖动效果，因为它不是一个真正的元素，而是一个图像剪切(我假设)。现在，拖动图像是被拖动元素的副本，包含悬停效果，甚至有来自其父元素的白色背景。(我剪切了两张图片并显示在下面) 那么如何用css或js修改拖拽效果呢？ ? ? 当dragstart事件为trigger时，我为被拖拽的元素添加了一个" is -dragging“类，并改变了被拖拽的元素的样式。但拖动图像保持不变。 html <div ng-if="current
浏览 165提问于2019-01-02得票数 1
回答已采纳
当节点中的图片悬停时，我打开上下文菜单。因此，我无法在不关闭节点的情况下拖动该节点。如果在尝试拖动时有关闭上下文菜单的选项，效果会更好。
GoJS版本- GoJS 2.0
浏览 16提问于2021-06-18得票数 1
1回答
使用纯css3的键盘导航
、、、、
有没有办法在没有js或任何js库的情况下，只用css3就能给链接添加键盘导航？具体地说，我用一堆图片创建了一个纯css3 lightbox效果，但我想使用左右键在图片之间导航，而不需要单击屏幕上的任何地方，并使用escape获得“取消”按钮的效果(类似于关闭)。
浏览 4提问于2012-06-23得票数 3
回答已采纳
想要的效果，，我有一堆小图片，我想要显示在“墙壁”，然后让用户抛向任何方向，并选择一个图像。
Initial Idea作为一种可能的实现--我认为一个比屏幕还大的GridView可以显示--但是使用这个小部件的所有例子都表明，图片库并没有超出屏幕的大小。
问题，实现所需效果的最佳小部件是什么？代码示例将特别有益。
编辑.，如果有人有示例代码，可以让我把大约30幅图片放在“墙上”(表很好)，那么我会接受这个答案。请注意，“墙”应该看起来像是超出了显示的边缘，并允许用户使用手指将“墙”拖向左向右。拖动应以“自由形式”模式进行。在图像上的一个点击选择它和回调应该是可检测的。我已经为这个解决方案创造了
浏览 7提问于2011-05-07得票数 19
回答已采纳
11回答
我正在尝试更改一个带有嵌入图像的按钮的样式，如下图所示：
在这个例子中，恐怕没有图像。
我在试着：
当你点击按钮中的图片并拖动它时，改变按钮的background-color，当你点击按钮上的图片并拖动它时，你会发现图片是分开的；我想避免按钮上的文字可以被选中。我也想避免这种情况。
我试着在button[disabled]中这样做。但有些效果无法禁用。比如top: 1px; position: relative;和image。
浏览 310提问于2013-02-07得票数 315
回答已采纳
我想从下往上拖动一个视图，当我拖动view.The结果时，它会显示更多信息，这是我想要实现的效果，就像谷歌地图一样。
在拖动之前：
拖动:显示更多信息
拖动后:显示所有信息
浏览 4提问于2014-01-24得票数 2
我正在使用可调整大小的()和可拖动的() jquery UI函数来操作应用程序中的图片。
代码运行良好：
$(document).on('click', 'img', function(event){
$(this).resizable();
$(".ui-wrapper").draggable();
return false;
});
问题是，当我返回到我的应用程序的“内容编辑器”模式时，它工作不正常，因为resizable()添加了第二个".ui-wrapper“而不是操作旧
浏览 0提问于2013-10-09得票数 0
2回答
我想做一些像-moz-transition效果，给我一个动画旋转图片。或者将图片从包装器的底部移动到顶部。
为了阐明我想要什么，只需看一看，看看滑块下面的四张图片。
它使用-moz-transition CSS3效果，但我想有一些与js或jQuery的东西，以动画它甚至在IE中。
有没有什么插件？
非常感谢
浏览 1提问于2012-07-10得票数 6
回答已采纳
2回答
填充图案使渲染速度变慢
、、、
我试着在一张大图片上制作一个剪辑掩码效果，我所做的就是使用图片作为模式，并将其设置为支持形状的svg路径。
看看这里的小提琴(可能有点慢)
请检查上面的代码
结果是可以的，但是当你拖动形状时，你会发现它不是光滑的，为什么呢？
如果图案不是最好的解决方案，那么如何使不规则夹板效果好呢？
浏览 0提问于2015-11-18得票数 4
回答已采纳
我尝试使用函数pyautogui.dragRel来铬(浏览器)标题，但没有效果(拖动窗口)。
我该怎么办？
下面有gif图片，这是我想要的效果：
import pyautogui
pyautogui.mouseDown(1000,10)
time.sleep(1)
pyautogui.dragRel(10,500)
time.sleep(0.5)
谢谢!
浏览 3提问于2020-11-21得票数 0
3回答
我在做一个机器人游戏。
我想知道拖放是否只是解决这个问题的错误方法。我正在寻找的效果是有一个按钮，当用户长按，将启动一个拖放效果与下降阴影是一个目标。
此自定义拖动阴影将持续到用户释放目标阴影为止。我有自定义阴影工作，并响应拖动事件。我不确定的是，如何使这整个事情的工作，而不实际移动按钮，他们正在启动的拖动。
它是否像不将原始视图(按钮)传递给阴影生成器一样简单？
编辑
添加了触摸监听器的定义，我使用它来启动拖动。
private final class MyTouchListener implements OnTouchListener {
public boolean onTou
浏览 5提问于2014-12-09得票数 1
回答已采纳
1回答
我想编码一个“设置”视图控制器，就像在路径聊天应用程序。是一种视差效应。Twitter也有同样的效果。
我用Storyboard启动了一些东西，但是它并没有真正起作用:我使用了TableViewController。在TableView中，我有一个视图，其中包含2个图片(背景和配置文件图片)，然后是3个表视图部分。问题是当用户拖拽下来时，图片就会下降。这与Path Talk应用程序不一样，因为在Path Talk应用程序上，图像是固定的。当用户向下拖动时，它们不会向下移动(见图片)。
因此，我在GitHub：上找到了一个图书馆，它可以帮助我，但是在我花一天时间在图书馆之前，
浏览 3提问于2014-07-05得票数 0
回答已采纳
在上下文中，我正在为"mousehold“事件开发一个jQuery插件，它已经存在一些，但它们主要使用intval触发回调函数，对于这个特定的项目，我需要它在mousemove上触发，一切都很好，但我遇到了图像的问题。
例如，当你想要拖动和重新定位你的facebook缩略图头像时，我试图重现的效果。
问题是，正如你在图片上看到的，当你拖动图片时，它显示了我不想要的图片，有没有无论如何都要避免的，我也不想要它，因为我的mouseup/out/move事件不能正确触发。
谢谢
浏览 2提问于2013-01-27得票数 0
回答已采纳
1回答
好吧，我现在被困在寻找资源来执行这个拖动效果上。效果是这样的：
触摸SKSpriteNode并保持
然后拖动到要移动SKSpriteNode的位置
最后，您释放您的手势，节点将以直线(直线运动)移动到您希望以延迟的速度移动，以便您可以看到它移动，当您释放您的手指。
浏览 2提问于2014-06-17得票数 0
1回答
在上传到Laravel之前，我已经看过很多关于裁剪图片的教程。我的问题是，我不希望用户在上传之前决定图像的尺寸。我想要设置默认尺寸，这样用户所要做的就是拖动图像的哪些区域，以我为其设置的尺寸进行裁剪。有没有什么JS包可以让我轻松做到这一点？谢谢。
浏览 29提问于2021-08-12得票数 0
Chrome浏览器有一个奇怪的功能，当我拖动一个div或图片时，它会拖动那个项目。例如，如果您转到，您将能够拖动该谷歌图片。
问题是，它正在扰乱我的javascript事件。有没有办法，在javascript中禁用chrome/safari浏览器的这一功能？
浏览 0提问于2012-03-20得票数 12
回答已采纳
1回答
我需要帮助我的图像上传功能的拖放。
我得到了一个很好的盒子，上面写着我可以拖放图像，但是我的控制台在说：
未定义ReferenceError:拖动未定义未定义ReferenceError: drop未定义未定义ReferenceError: dragNdrop未定义
当我点击并拖动图片的时候。
我遗漏了什么？
下面是我的代码示例：
html
<div class="form-group">
<label for="imageInputFile">Ladda upp bild</label>
<input
浏览 0提问于2019-02-11得票数 2
回答已采纳
所以我在我的页面上有这样的div：
<div class="drag"></div>
下面是jquery代码：
<script type="text/javascript">
//<!--
$(document).ready(function() {
$('.drag').draggable();
}); //-->
</script>
可拖动效果效果很好。
但我想找出可拖动div被拖放的HTML标记的id。如果它有的话。
因此，如果我使用表“my-id=”将div拖
浏览 1提问于2010-11-18得票数 0
回答已采纳
我有一个带有简单悬停效果的可拖动div。当我使用"helper:clone“选项拖动此div时，在拖动元素(Internet Explorer)时不会移除悬停效果。但是，如果我使用Chrome，效果就会被移除。
我的CSS：
.div-draggable
{
width: 100px;
height: 25px;
border: 1px solid #000;
cursor: pointer;
}
.div-draggable:hover
{
background: blue;
border-color: red;
}
我的JS：
$(document).re
浏览 4提问于2013-01-09得票数 0
回答已采纳
1回答
我想从滑块滴答中移除拖动效果，然后移动它。我不想在下面的图片中有这个浅紫色的圆圈。
我知道interactionSource参数在Slider组件中，但是我没有正确地处理它以删除/禁用拖放效果。
以下是我的实际代码：
var sliderWeight by remember { mutableStateOf(0f) }
Text(text = sliderWeight.toString())
Slider(value = sliderWeight, onValueChange = { sliderWeight = it }, interactionSource = remember
浏览 1提问于2021-07-06得票数 2
回答已采纳
1回答
我有一个网格，允许里面的项目被拖动和调整大小。我希望在拖动项目时出现拖动效果。如果我在css中根据元素拖动属性，它不允许调整大小。因此，我在运行时(使用Renderer.setElementStyle)将css属性附加到MouseMove方法上元素。对于鼠标相关的操作来说，这一切都是完美的。
现在，我需要在触摸设备上复制相同的内容。基本上，我需要将user-drag属性附加到touchStart事件上的元素。使用Renderer.setElementStyle无济于事。
问题: 1.如果我们使用用户拖动属性，拖拽效果在触摸设备上是可见的吗? 2.如果是，我们如何在Angular应用程序中的运行
浏览 13提问于2017-07-04得票数 0
目前，我想要的效果是:选择文本，然后通过js或jquery将其拖放到网页中的某个框中，但当我选择文本并拖动时，维度值不能动态更新，所以我的问题是:当鼠标左键按下选择并拖动文本时，如何动态获取鼠标位置？谢谢!
浏览 3提问于2012-01-06得票数 1
3回答
QPainter非常容易使用，要想画出一条线，只需这样做：
QPainter painter(&image);
QPen pen;
pen.setWidth(5);
pen.setColor("black");
painter.setPen(pen);
painter.drawLine(QPointF(0,0), QPointF(200,250));
现在这个效果很好，但我想创建一种“特殊”的笔，可以产生具有“平滑”边缘的线条。例如，假设我想要绘制的线条的粗细为10像素，那么我希望线条的中间(我指的是粗细而不是长度)是完全不透明的，而在边缘，线条应该是半透明的。我相信这
浏览 20提问于2020-01-04得票数 7
我正在尝试实现这样的东西：https://codesandbox.io/s/40p81qy7v0?file=/index.js它在沙箱中的编辑器中工作得很好，但当我在我的计算机上运行代码时，它的工作方式与示例中的不同。当拖动一些东西时，下面的下一个元素消失了。有没有人知道如何实现这种克隆效果？谢谢!
浏览 155提问于2020-10-26得票数 1
我在div上使用了jQueryUI的可拖动方法。
var data = '<div> <p> Draggable Div </p> </div>'
$(data).appendTo($(this)).draggable();
效果很好。
我的应用程序严重依赖鼠标光标类型。所以，我不时地通过编程改变光标。
现在，我想要：
只有当可拖动元素的鼠标光标是默认游标时，可拖动类才应该执行其工作。
如果可能，如何在不更改jQueryUI.js文件的情况下更改此行为。
浏览 2提问于2016-12-14得票数 0
回答已采纳
1回答
早在2000年，我就有了一个js，它让我得到了一个非常好的主页：
一张图片：<pic src=x>
并且不知何故，js每隔预定的时间段改变主画面。(在页面加载时加载了一个图片池)
我现在可以找到这样的脚本，但找不到具有折叠效果的脚本(就像在书中折叠页面一样)
我得到的壁橱是一个jQuery解决方案--但我不了解这项技术，我更喜欢JS。你能给我一个这样的解决方案的参考吗？
浏览 1提问于2010-09-21得票数 1
我是一个新的程序员，英语不是我的母语，所以请提前原谅我在编程和英语方面的错误。
下面是我想要做的:我有一个div标签，其中包含一个图像和一个表(在这个div标签之外)。通过jquery，我试图实现一种“裁剪效果”，因此我使我的表格可拖动，在拖动的同时，我复制图像并将其设置为我的表格的背景。现在我需要能够动态设置图像在表格中的背景位置，以便当拖动图片时看起来是静止的。通过更改(降低)原始图像上的不透明度来存档裁剪效果。请注意，我不需要创建sellection或任何类似的东西。首先创建具有给定大小的表。完成此操作后，将在图像上拖动表以创建裁剪效果。
这就是我的问题:当我通过jquery(.css)
浏览 0提问于2010-11-22得票数 4
回答已采纳
1回答
当我们将鼠标拖到图像上时，会发生什么默认操作？
当我在一张图片上拖动时，光标变成了一个黑色的圆圈，里面有一条线(在火狐中)我可以用jquery的e.preventDefault()代码来阻止它，但是我不知道当我在图片上拖动时会发生什么默认的动作。
谢谢
浏览 0提问于2010-08-22得票数 0
回答已采纳
1回答
我有一堆应用jQuery.draggable()的图片
它们是透明的PNG，因此具有透明的背景。问题是，它们的背景被视为可拖动的区域，因此，如果某个元素位于背景中，则前景元素的透明背景将阻止背景元素被拖动。
这里是问题的
解决这个问题的办法是什么？jQuery是否有任何方法可以自动忽略图像的透明区域，而只将可见区域视为可拖动的句柄？
浏览 1提问于2012-07-22得票数 3
我一直在努力解决这个问题，却找不到一个有效的答案。我想防止有人拖动一个图片在一个页面上，或使右键单击它(或未来的一个动态显示并保存它。
我解决了阻止右击：
$(document).on('contextmenu', '.notRightClick', function(e){ return false; });
...but我不能禁用拖放效果。我试过这样做：'.notRightClick'.draggable( 'disable' )，但不适用于未来的元素。
更新备注:我要拖动的img具有类'notRightClick：
浏览 7提问于2014-01-03得票数 0
回答已采纳
2回答
表拖放(仅包含一列)
、、、
我想做可拖动的表行，我找到了TableDnD jQuery插件，它工作得很好
$(function() {
$("table").tableDnD();
});
如您所见：。
但我只想让一列可拖动。我的意思是，整行(tr)像现在一样移动，但你只能通过拖动左列(td.drag)来移动行，当试图拖动右列时应该没有效果。你知道怎么做吗？
浏览 4提问于2013-05-15得票数 2
回答已采纳
1回答
我正在寻找一个教程，以实现一个效果，是非常容易创建与动作脚本，但需要在安卓的JAVA它。
基本上我想要两张图片叠加在一起，其中一张上面有一个可拖动的遮罩层。基本上就像这样：
浏览 1提问于2012-06-30得票数 0
回答已采纳
我刚刚注意到，如果你在facebook上拖动任何东西，无论是链接、图片还是纯文本，update status部件都会变成一个写着Drag Links/Photos Here的方框。我想知道如何实现这个功能？或者换句话说，如何检测到光标正在拖动，并对网页上的特定元素进行任何后续更改？
浏览 3提问于2013-05-23得票数 2
1回答
我继承了一个wordpress网站，并正在尽我最大的努力从一个新的设计师那里吸收一些功能。其中之一是一个拖出面板，用户点击一个小图标，然后左右拖动。我以前从来没有做过拖拽类型的效果，在写一个我觉得应该可以工作的小脚本时，我有点跌跌撞撞，但却没有。用户应该拖动一个在幕后添加到其父div的空白处的图标。这意味着用户可以看到将div拖入视图的效果。在开始时，div被推出屏幕，左边距为-1100px。：
var dragging = false;
var start;
$(document).on('mousedown', function(e){
i
浏览 17提问于2017-03-01得票数 1
回答已采纳
1回答
当使用当前版本的jScrollPane时。
当有人向下拖动位于滚动窗格中的可排序列表中的项目时，滚动窗格不会向下滚动。
当我使用旧版本的jScrollpane ()滚动时，拖动效果很好，但旧版本不支持许多我基本需要的选项！
如何让较新版本的jScrollPane在向下拖动时向下滚动？
我几乎找遍了所有的东西...
谢谢你的帮助，海姆
浏览 0提问于2011-03-21得票数 2
回答已采纳
1回答
我正在使用HTML5 canvas和JS创建一个绘图应用程序。我允许用户上传图片，并使用context.drawImage();在画布上绘制它。但是当我尝试编辑图片时，我失败了。如果我想使用鼠标(键盘或任何东西)来拖动和缩放画布上的图片，我应该怎么做？
浏览 1提问于2012-10-31得票数 1
回答已采纳
1回答
我已经将我的UISlider与两个方法链接起来-- Touch Up Inside和Value Changed。第一个在拖动完成后更新，第二个在拖动过程中更新。当我用滑块在屏幕上拖动"long“距离时，一切都很好。当我一步一步地拖动时，值改变的效果很好，但是Touch Up里面没有...有没有人经历过同样的事情？
浏览 2提问于2012-06-21得票数 1
回答已采纳
1回答
我正在寻找一种实现jquery的方法，比如在完整日历中的单个事件上实现拖动句柄。
用例是
$("#calendar").fullCalendar({
//the normal parameters here
eventsDragHandle: "someClass"
});
或
$("#calendar").fullCalendar({
//the normal parameters here
eventHasDragHandle: true
});
这样，除非特定的句柄被鼠标向下移动，否则事件不会被拖动。
我试图修改
浏览 1提问于2013-10-14得票数 0
回答已采纳
看一下这张图片。我已经创建了3个列表。左侧列表中的项目是可拖动的(jquery-UIv1.8.20)。您可以将图片从左侧的列表中拖放到中间的列表中。这些列表可以包含许多图片，所以我决定使用slimScroll.js (v0.5)添加一个滚动条来滚动这些列表。当我从左侧的列表中拖动一个项目时，该项目将消失在中间列表的后面。这与slimScroll插件的实现有关。
你们中有谁在使用slimScroll和jquery draggable时遇到过类似的问题吗？你是怎么修复它的？
浏览 0提问于2012-09-06得票数 1
回答已采纳
1回答
使用PHP和MySQL。我希望我的网站有图片上传的功能，从文件夹中拖动图片从用户的计算机上的一些容器，如div标签或其他东西。请帮帮我。
浏览 1提问于2011-08-02得票数 1
回答已采纳
1回答
我有一个文件，app.js，它包含一些反应代码。代码产生的东西就像一个简陋的板子。现在，用户可以为板创建一个新的div，然后编辑或将div拖到列中。但是，如果在跨列拖动之前编辑了div，则状态不会被保留；div内容将消失。
我试着在返回的div中编辑代码，修改isContentEditable属性，但没有效果；状态丢失，输入的内容丢失，留下一个空div。
作为参考，下面是沙箱中的代码：
所有的帮助都感谢，总菜鸟到前端的发展！
浏览 2提问于2020-03-06得票数 1
当您将图片从Firefox拖动到Windows资源管理器时，资源管理器将显示Firefox的拖动图形。他是怎么做到的？
插图： (视频捕获并不完全准确-当鼠标光标实际上在默认拖放光标和斜线圆圈之间变化时，它始终显示为箭头。)
浏览 2提问于2010-08-13得票数 2
回答已采纳
1回答
如何实现谷歌地图中的缩放技巧？
、、、、
我想重新定义一下我之前问过的。
假设有三个大小不同的图像:小、中和大。它们代表着基本相同的画面，但分辨率不同，所以它们略有不同。
我想先展示一张小图片。当用户放大它的时候，我想用中间的那个来代替它。现在，用户可以拖动图片并在窗口中滚动。当用户放大媒体图像时，我想用小图片来代替它，等等。我想谷歌地图也有同样的效果。
在javascript中实现这个技巧的最佳方法是什么(flash是第二个选项)？
浏览 3提问于2011-02-23得票数 0
1回答
我试图使一个页面，其中只有两个部分第一部分是在顶部有
请看图片。现在，我可以使用pagePiling.js轻松地转到div1到div2。有人能告诉我如何在div 1中实现水平效果吗？在div1上的内容结束后，它必须pagePile到div2。当返回到div1时，用户也可以看到水平滚动的效果。
浏览 13提问于2016-08-19得票数 1
1回答
如何拖动手风琴来展开它，而不是单击？我正试着在手机网站上使用它。
试图实现的效果是，当我向上拖动第一部分时，它会显示内容，然后当我拉起第二部分时，它会隐藏旧内容，并显示新内容。
这是一个没有拖拽部分的手风琴示例。
浏览 0提问于2014-11-13得票数 0
我不确定我在标题中解释得很好； 如果您使用的是windows，请单击并拖动FireFox/Chrome/其他应用程序的标题栏，然后将其拖动到屏幕的顶部或一侧。它会产生一种奇怪的效果，当你释放截图时，根据你拖动它的位置，它将最大化或拆分屏幕。 当我使用App.FormBorderStyle = FormBorderStyle.None;时，当我将它拖到顶部时，它不会给我带来拆分/最大效果。我已经启用了拖动方式： public const int WM_NCLBUTTONDOWN = 0xA1;
public const int HT_CAPTION = 0x2;
[Syste
浏览 13提问于2020-08-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
