草庐IT

javascript - 在 html5 Canvas 上拖动和调整图像大小

我正在构建一个HTML5Canvas图像编辑器。将图像上传到Canvas后,我需要拖动并在Canvas上调整大小。我设法上传了一张图片并使其可以在Canvas上拖动。但我需要让它也可以沿着Canvas调整大小。提前致谢。varImg=newImage();Img.src=file;Img.onload=function(){context.drawImage(Img,50,0,200,200);}mouseMove=function(event){if(down){context.clearRect(0,0,800,500);context.translate(0,-50);conte

javascript - R/Shiny 中的可拖动折线图

我构建了一个R/Shiny应用程序,它使用线性回归来预测一些指标。为了让这个应用程序更具交互性,我需要添加一个折线图,在这里我可以拖动折线图的点,捕获新的点并根据新点预测值。基本上,我正在寻找somethinglikethis在RShiny中。对如何实现这一目标有任何帮助吗? 最佳答案 您可以使用R/Shiny+d3.js来完成:可以在下面找到预览、可重现的示例、代码和演练。编辑:12/2018-查看MrGrumble的评论:“对于d3v5,我必须将事件从dragstart和dragend重命名为开始和结束,并将行vardrag=d

javascript - Owl Carousel V1 禁用/启用拖动

大家好,我有一个关于OwlCarousel的快速问题.第一次使用这段代码时如何启用touchdrag:varowl=$(".full-slider");owl.owlCarousel({slideSpeed:500,singleItem:true,pagination:false,autoPlay:false,afterMove:slideChanged,startDragging:pauseOnDragging,touchDrag:false,mouseDrag:false});根据用户在我的页面上使用的选项,我想禁用拖动到下一张幻灯片的功能。但是,如果用户完成选项,那么我想重新启用

拖动时的javascript鼠标悬停

我正在尝试实现拖放脚本,但遇到了一个问题。当您拿起一个项目并开始拖动它时-该项目就在您的光标正下方并且onmouseover事件很少会在下面的项目上触发。但是我希望其他项目在我将某些东西拖到它们上面时突出显示。解决方案之一是根本不拖动任何东西-这样鼠标事件就可以工作,但看起来很难看。有没有人做过这样的事情并且知道如何克服这个问题?如果您正在考虑推荐一些JQuery插件或类似的东西-请不要。我不需要完整的解决方案,这是有教育意义的。 最佳答案 IMO,为了让mouseover事件频繁触发,将mouseover事件绑定(bind)到所有

javascript - jQuery UI 可拖动,捕捉到网格

我有两个容器。缩略图容器和“页面”容器。两者都是div。缩略图可以在两个容器之间来回拖动。我已恢复设置为“无效”的缩略图,因此如果它们掉落到其中任何一个容器之外,它们就会恢复到两个容器之一。缩略图必须对齐到“页面”容器内的20x20网格。这样客户端客户端可以将缩略图放在“页面”容器中的任何位置,但仍然能够将它们整齐地排列。问题是可拖动的“网格”选项似乎对此效果不佳。当您开始拖动时,“网格”似乎是由可拖动对象的位置决定的,而不是像页面具有可以捕捉到的真实网格一样。有没有办法解决这个问题,使网格基于“页面”容器,而不是开始拖动时可拖动对象的位置? 最佳答案

javascript - reactjs 可拖动和可调整大小的组件

在过去的几个小时里,我一直在尝试寻找一种方法来使React组件可拖动和可调整大小。我找到了一种使用reactdraganddrop使其可拖动的方法,但我找不到一种简单的方法来调整它的大小:/有没有人有关于如何使组件可拖动和可调整大小的经验?感谢任何帮助或指点! 最佳答案 使用react-grid-layout来解决这个问题。专门用于日程安排小部件,用户可以在其中缩放时间block并沿水平时间线拖放它们。react-grid-layout提供了一个网格,其中包含可拖动和可调整大小的小部件以及响应式布局、可选的自动打包以及其他功能。va

javascript - 如何使用 jQuery 拖动文本输入框的右下角来调整其大小(如 textarea)?

我想要(最好是在jQuery中)常规文本输入框,可以通过其右下角单击和拖动(例如,就像Chrome中的文本区域)并由用户调整大小?找不到任何已实现此功能的jQuery插件。如果存在这样的事情或者如何轻松实现,谁能给我提示?提前谢谢你。编辑:我想像Chrome中的textarea一样调整大小... 最佳答案 你不需要jQuery来处理这个。你需要的是css。#yourTextInput{resize:both;}这将使您的文本输入在右侧具有调整大小选项 关于javascript-如何使用j

javascript - jquery只能通过拖动标题进行排序

我想在我的网页上有两个部分,它们可以相互向左或向右拖动:#sortableitem{width:100px;height:70px;float:left;list-style-type:none;}.content{background:lightgrey;}.header{background:grey;}ITEM1ContenthereITEM2Contenthere$(document).ready(function(){$("#sortable").sortable();});这在这里工作:http://jsfiddle.net/gTUSw/但是,我只希望能够使用标题部分进行拖

javascript - 在使用 jQuery 拖动时向元素添加 CSS 类

是否可以在元素被拖动到特定区域时向其添加CSS类,并在元素被放下时替换该类?我不是到处寻找这个功能,而是只在特定区域寻找。 最佳答案 是的,这当然是可能的。jQueryUI提供了一些方便的选项和事件来执行此操作。对于初学者来说,可拖动元素在被拖动时总是可以被.ui-draggable-dragging类引用。droppable方法然后提供一个名为over的事件,只要将有效的可拖动对象悬停在其上,该事件就会执行一个函数。因此,在该函数中,我们可以引用.ui-draggable-dragging并向其添加一个类。还提供了Out和drop

javascript - 如何在 v4 中的 d3.js 中拖动时设置原点

这个问题在这里已经有了答案:d3version4workaroundfordragorigin(1个回答)关闭6年前。我在拖动时遇到跳转问题.在此question他们建议使用drag.origin()但是D3v4版本没有这个方法了。有人可以建议如何解决跳转问题吗?