草庐IT

移动图形

全部标签

javascript - 如何让 JqueryUI Sortable 与缩放/缩放一起工作 - 鼠标移动

我正在尝试让JqueryUISortable与缩放一起工作。问题是鼠标的移动速度与您拖动的元素不同。有很多关于如何使用Draggable进行此操作的示例。以下是可拖动项的解决方法示例:http://jsfiddle.net/TqUeS/660/varzoom=$('#canvas').css('zoom');varcanvasHeight=$('#canvas').height();varcanvasWidth=$('#canvas').width();$('.dragme').draggable({drag:function(evt,ui){//zoomfixui.position.

javascript - setTimeout 不适用于 safari 移动版

我有一个功能,点击它时会显示一个菜单,我希望它在5秒后消失。这是我的javascript-它在桌面浏览器上正常工作,但在移动浏览器上不会消失。$(function(){$('#prod_btn').click(function(){$(this).addClass('selected').next('ul').css('display','block');setTimeout(hideMenu,5000);});});functionhideMenu(){$('#prod_btn').removeClass('selected').next('ul').css('display','n

javascript - evt.preventDefault 在 IE 和 Edge 中无法处理鼠标移动事件,甚至尝试过 evt.returnValue = false;但无法阻止传播

我有一个可调整大小的div。在尝试调整它的大小时,整个页面都被选中为蓝色,即使我不打算在iE和Edge中这样做。我尝试了网上显示的许多解决方案,但没有任何效果。下面是我的代码。我无法阻止鼠标移动事件的默认操作。我在ownerDocument上监听鼠标移动事件。下面的代码在chrome和mozilla中按预期工作我通过检查evt变量在控制台中看到,在停止传播阻止之前默认为true,在停止传播阻止之后默认为false。与谷歌浏览器的行为相同,但仍然不明白为什么整个页面都被选中react代码:privateMouseDown(evt:any){this.viewState.resizing=

javascript - react-chartjs-2 状态更新时不更新图形

我正在创建一个仪表板应用程序,它从端点获取数据并使用setState方法将端点返回的JSON中的变量分配给状态变量。当我更改状态时,某些组件(如“react-svg-gauge”)将更新,但“react-chartjs-2”不会更新。下面的代码是我的状态如何在我的实际应用程序中变化的示例。此示例将在chrome开发人员控制台中显示状态变量的正确值,但不会相应地更新DOM。importReact,{Component}from'react';import{Doughnut}from'react-chartjs-2';classDoughnutExampleextendsComponent

asp.net - 移动设备 Javascript/CSS 支持。外面有什么?

我即将开始一个针对iPhone、黑莓和WindowsMobile浏览器的ASP.NET应用程序。除了iPhone,我找不到太多关于这些平台支持哪些技术的信息。因为我习惯于为桌面浏览器开发,所以我喜欢使用jQuery和高级CSS功能等东西。看来我将无法在移动平台上使用这些东西。我想知道是否有人知道优秀的开发人员资源,我可以在其中找到适用于移动浏览器的资源(例如适用于移动设备的quirksmode.org)。据我所知,jQuery不适用于移动浏览器(iPhone除外)。有谁知道以某种形式将jQuery移植到移动浏览器的尝试吗?我说jQuery是因为这是我现有网站使用的,我想保持一致性,但如

javascript - 使用 Javascript 强制移动浏览器缩小

在我的网络应用程序中,我有一些缩略图,单击它们会打开一个灯箱。在移动设备上,缩略图很小,用户通常会放大。问题是当他们点击播放时,灯箱在可视区域之外(他们必须滚动到灯箱才能看到视频)。是否可以强制移动浏览器缩小以便他们可以看到整个页面?让页面更具响应性现在不是一个选择;这是一个相当大的Web应用程序,需要花费大量时间进行重构。 最佳答案 挖掘了很多其他问题,试图缩小某些内容以适合整个页面。这个问题与我的需求最相关,但没有答案。我找到了thissimilarquestion它有一个解决方案,虽然实现方式不同,但不是我需要的。我想到了这个

javascript - Three.js 围绕物体旋转相机(可能会移动)

我有一个相机在场景中以几种不同的方式移动。相机应围绕目标位置旋转。在我的例子中,这是用户瞄准的网格上的一个点。因为相机通常不需要相对于这一点移动,所以我无法在这里使用枢轴的想法:https://github.com/mrdoob/three.js/issues/1830.我当前的解决方案使用以下代码:varrotationY=newTHREE.Matrix4();varrotationX=newTHREE.Matrix4();vartranslation=newTHREE.Matrix4();vartranslationInverse=newTHREE.Matrix4();varmat

javascript - JS onclick 移动替代方案 - onclick 在 iOS 和 Android 上也已弃用

我在HTML中有这个HereismyformthatisdisplaydonclickandthebuttonAPPLYEVENTwilldisappear!(Aslongasmyformalreadyhasabutton!)APPLYEVENT这在CSS中:.hidden-div{display:none;}在桌面设备上工作正常,但在iOS和Adroid上,我的主按钮“应用事件”不会消失,我有2个按钮,主按钮(停止消失)和表单按钮。iOS从v8开始,现在Android似乎停止支持“onclick”。有人可以帮帮我吗?我是JS初学者!JSFiddleHere

javascript - Bootstrap 避免使用导航栏切换按钮关闭移动设备上打开的子菜单

我有一个基于Bootstrap3.3.7的代码我的菜单有不同的菜单项和子菜单,我想在手机上打开所有的子菜单项,意味着不需要点击任何菜单项来显示它的子菜单,所以我写了一个JS代码来打开所有手机上的子菜单:functionopensubmenus(){if($(window).width()但问题是当我点击导航栏切换按钮时,它会关闭所有子菜单,但我需要让它们在移动设备上始终保持打开状态你可以在这个网站上查看我的在线样本:https://dedidata.com我在这里展示了一个截图:https://pasteboard.co/IfSMCIu.jpg我不喜欢完全禁用navbar-toggle

javascript - React中的图形可视化库

我们有一个表示有向图的数据集。目前,我们在ui的网格(slickgrid)中显示这些数据,如下所示。ParentNodesofSelectedNode:------------------------------SelectedNode--ParentNode1--ParentNode2--ParentNode3..ChildNodesofSelectedNode:-----------------------------SelectedNode--ChildNode1--ChildNode2--ChildNode3..这种显示数据的方式的问题是,它不直观,也不好看。它可以更好地呈现一