草庐IT

虚拟交互

全部标签

javascript - 谷歌地图中的交互式圆圈随半径变化而变化

我想要一个用于谷歌地图的交互式圆圈,当我在slider中更改半径时它会增加或减少。当我增加半径时它工作正常,但在减小半径时它不会改变(减小)map中的圆$(function(){$("#slide").slider({orientation:"horizontal",range:"min",max:10000,min:500,value:500,slide:function(event,ui){drawCircle(ui.value);}});});functiondrawCircle(rad){circle=newgoogle.maps.Circle({strokeColor:"#F

javascript - 通过 Javascript 的 Adob​​e Reader 插件交互

我正在显示在ASP页面中即时生成的PDF文件。PDF生成(并下载到客户端)可能需要一些时间,我想向用户提供一些反馈(加载消息或其他内容)。据我所知,无法知道何时查看PDF,因为加载Adob​​eReader插件时会触发DOM事件(即使它尚未显示任何内容)。我注意到有一个我可能会使用的插件对象的JavascriptAPI。我注意到它上面有一个LoadFile方法,但不幸的是它似乎没什么用。adobe的文档真的没什么用。它仅将Javascript视为一种插件编写语言或OLE交互(而且很差)。是否有任何API文档,是否可以知道何时加载了PDF?如果我可以将PDF流传递给某种PDF查看器,那就

javascript - 如何在此处本地托管 webbrowser 虚拟机 : http://bellard. org/jslinux/

我不太了解Javascript,我想托管集成Linux的网络浏览器(可以找到here)。原因是我并不总是连接到网络,想知道它是如何工作的。无意不尊重作者的许可。我尝试将三个文件(term.js、cpux86.js和HTML文件本身)的源代码复制到一个文件夹中,然后运行​​HTML,它不起作用。有什么办法让它发挥作用吗?另外:如果它不起作用,为什么会这样?目录结构是我抄的,几乎一模一样。PS:我还使用了Firefox的Javascriptdeobfuscator插件,但这也没有太大帮助。我确实缩进了所有代码以使其更具可读性,但仍然无法理解:P 最佳答案

javascript - 如何设计一个监听 WebSocket 并与 CSS 动画交互的 ReactJS 组件

ReactJS组件需要监听WebSocket发出的事件。对于每个入站事件,组件应该呈现一个DOM节点。然后它应该等待与DOM节点关联的CSS动画完成,然后删除DOM节点。这是我打算实现的草图。这种方法看起来可行吗?setTimeout感觉很糟糕。classMyComponentextendsReact.PureComponent{componentDidMount(){this.props.webSocket.on('myEvent',componentDidReceiveEvent)}componentWillUnmount(){this.props.webSocket.off('m

javascript - 如何使用 Vuelayers 与 GeoServer 提供的 WMS 切片图层进行交互?

我正在使用Vuelayers开发网络map应用程序库,它是具有OpenLayers强大功能的WebmapVue组件。我的模板中有以下代码:........在数据对象中我有以下属性:layers:[{id:'sections',title:'Sections',cmp:'vl-layer-tile',visible:true,source:{cmp:'vl-source-wms',url:'http://localhost:8080/geoserver/sager/wms',layers:'sections',tiled:true,format:'image/png',serverTyp

javascript - 使用 SVG 和 Javascript 的交互式有向图

我必须向SVG有向图添加一些交互功能。到目前为止,我要显示的图表是从点文件生成并呈现为SVG。我想知道是否有一些简单的方法可以向此类SVG文档添加交互性(可能使用Javascript)。我需要的是当鼠标经过一个节点时显示一些信息,并使比较两个节点成为可能。由于我的模型是自动生成的,所以我更愿意保留点生成的SVG,并使用单独的Javascript在其上放置额外的信息。 最佳答案 我有一个内嵌SVG的例子。此SVG与您所拥有的之间的区别在于,我演示中的那个具有节点和事物的id属性。我确实从graphviz网站上得到了这个SVG。Demo

javascript - 模拟虚拟世界 : continuous or discrete steps?

我正在制作类似于Polyworld的东西,这意味着我将模拟小爬行者在其中跑来跑去、进食和进化的虚拟世界。我正在用Node.js做,我计划使用物理和神经网络,但我不确定更新世界的最佳方式是什么,更具体地说,更新函数是否应该接收增量时间作为参数,或者每次都做同样的事情,独立于他们上次被调用的时间?这两种方式的好处是什么?编辑:我反对连续更新的一点是我想实现某种间隔,例如,每20模拟秒生成一个食物block。如果dt不同于1(或1的分数),这将永远无法精确工作。话又说回来,如果我使用离散更新,其中更新不关心经过了多少时间,我将无法“减慢时间”。当我让它在功能强大的服务器上运行并在浏览器中呈现

javascript交互式调试(相当于python的pdb.set_trace())

我正在使用一些javascript代码,我希望能够在函数调用的上下文中运行一个交互式控制台-也就是说,基本上正是python的importpdb;pdb.set_trace()完成。有什么办法吗?如果不是,那么最好的近似值是多少?我目前正在使用Chrome的控制台来处理一些事情,我基本上喜欢被放到函数调用的中间并使用Chrome的控制台来查看局部变量等。 最佳答案 设置断点,Chrome的检查器将允许您检查应用的状态。点击行号。将出现一个蓝色标记。当您点击该行时,执行将暂停。在您的代码中编写一个debugger语句。当您点击语句时,

javascript - Openlayers 3 : how to select a feature programmatically using ol. 交互。选择?

我正在使用OpenLayersv3.6(这很重要,因为我发现的大多数解决方案都可能适用于OpenLayers2)。我有一个表格,当我在该表格中选择一行时,我想突出显示/选择OpenLayersmap上的相应要素。所有要素都是位于同一矢量图层(ol.layer.Vector)中的简单多边形(ol.geom.Polygon)。我像这样设置选择交互://thereisalotofothercodehere...addSelectListener:function(){this.SelectInteraction=newol.interaction.Select({condition:ol.e

javascript - PhantomJS/CasperJS - 无限期地保持 session 打开并通过 HTTP 与其交互?

我想要一个CasperJS脚本来启动一个页面,然后无限期地保持打开状态,这样我就可以随时通过HTTP向它发送命令。问题是整个CasperJS进程在casper.run调用完成后立即关闭。我尝试通过在一个步骤中使用长时间的wait调用来解决这个问题,但是随后Web服务器无法对Casper执行任何操作,因为Casper正忙于等待wait调用完成。varport=6100;varcasper=require("casper").create();casper.start("http://google.com");casper.then(function(){//IfIincludethisw