草庐IT

移动图形

全部标签

javascript - 删除触摸开始目标后,触摸移动事件不会触发

我正在尝试使用下一个模式实现类似拖动的功能:订阅标记指针向下事件。当Down事件触发时订阅WindowPointerMove和Up事件并删除标记。在移动时执行一些操作。当Up事件触发时取消订阅MoveandUp。这适用于鼠标事件,但不适用于触摸事件。在删除TouchStart目标元素后,它们不会触发。我尝试使用PointerEventsPolyfill但它也不起作用。我正在使用Chrome开发工具来模拟触摸事件。查看示例:initTestBlock('mouse',{start:'mousedown',move:'mousemove',end:'mouseup'});initTestB

javascript - 如何在不使用 jQuery 重新执行脚本的情况下使用脚本元素移动元素?

我有这段代码:Thisisthecontentalert('Thisisthecontent');jQuery('div#div2').appendTo('div#div1');使用这段代码,警告消息将显示两次(一次是在页面加载时,然后是jQuery在执行appendTo方法时重新执行脚本时?知道如何使用jQuery方便地移动元素(具有脚本标签)而无需重新执行javascript吗?谢谢。 最佳答案 一旦已经执行了你不再需要它了,所以你可以在移动之前删除它#div2.$('#div2script').remove();$('#div

javascript - 将图形置于 Phaser 中动态添加的 Sprite 之上

我正在使用定时事件动态添加Sprites。我找不到在生成的sprite上方添加新图形(填充矩形)的方法。Sprite总是在最上面create(){vargraphics=game.add.graphics(0,0);graphics.beginFill(0xFFFF0B);graphics.drawRect(0,0,windowWidth,70);graphics.endFill();timer=game.time.events.loop(1500,addSprite,this);}addSprite(){sprite=game.add.sprite(20,30,'sprite');}

【Unity】PC端:缩放、移动画面

文章目录前言一、前置修改1.修改Canvas2.修改Camera二、代码实现1.缩放2.移动3.总览参考前言  本文章内容适用于PC端UCUI,通过鼠标移动与滑动滚轮,进行正交摄像机的移动与缩放。一、前置修改1.修改Canvas1)分离Canvas 将UI按照是否跟随摄像机移动分离到多个Canvas。2)修改RenderMode 不跟随摄像机移动的Canvas设置为WorldSpace。(仅此项,Canvas不会跟随摄像机移动) 跟随摄像机移动的Canvas设置为其它选项。3)修改Scale RenderMode设置为WorldSpace,需要修改Scale为0.014)修改orderinLa

javascript - 用于可视化圆形图形/网络的简单 javascript 库?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。我正在寻找一个javascript库,它绘制了节点排列成圆圈的网络。一般来说,还有一些关于javascript可视化的其他好问题,但大多数引用的东西似乎都是相当重量级的工具包。我正在寻找一个简单的API,它可以让我传入表示连接的字符串对数组,然后将生成的图形的节点绘制成一个圆圈,内部线条连接连接的节点。要求:javascript(非flash),免费,可离

javascript - 使物体沿直线以恒定速度从 A 点移动到 B 点

我知道这个问题之前已经被问过几次,但我找不到真正有效的答案。有一个类似的,但速度取决于行进的距离。所以我的问题是我试图让一个物体(在本例中为玩家)以恒定速度从A点到B点移动一条长直线。这是通过单击播放器并拖动到我希望他走到的位置来完成的,因此它可以在任何方向和任何距离上。我有一些非常接近工作的代码,但玩家总是稍微偏离路线,他行进的距离越长越多。这是代码:window.addEventListener('mouseup',function(e){selectedPlayer.moveX=e.pageX;selectedPlayer.moveY=e.pageY;movePlayer(sel

javascript - 在 JavaScript 正则表达式匹配中移动索引

我有这个正则表达式可以从文本中提取双字/[A-Za-z]+\s[A-Za-z]+/g还有这个示例文本玛丽有一只小羊羔我的输出是这样的[0]-玛丽有;[1]-一点点;而我的预期输出是这样的:[0]-玛丽有;[1]-有一个;[2]-一点点;[3]-小羊羔我怎样才能实现这个输出?据我了解,搜索索引移至第一场比赛的末尾。我怎样才能将它后移一个字? 最佳答案 滥用String.replace函数我使用了一个小技巧使用replace功能。由于replace函数循环匹配并允许我们指定函数,因此可能性是无限的。结果将在output中。varoutp

javascript - 尝试将 svg 从一个 div 移动到另一个时,是什么导致层次结构请求错误?

我正在尝试将svg从一个div移动到另一个。Thisstackquestion提供了我尝试过的这个解决方案。document.getElementById("LightBoxDiv").appendChild(svgId+"V");当我尝试这样做时,我收到了层次结构请求错误。Thisstackquestion建议了几件可能是原因的事情。我不能说我有任何这些东西,但我不确定。Bot我的div在body元素中并且没有嵌套在另一个元素中,但是,其中一个div在使用javascript动态创建之前只有几行。这是我用来创建该div的脚本。varlightboxdiv=document.creat

javascript - 当元素以编程方式移动到鼠标下方时,不会触发 jQuery 悬停

我有一个带有悬停效果的图像(当鼠标悬停在它上面时不透明度更高)。当鼠标移入和移出时,它会按预期工作。但是,图像本身在移动(我定期更改css属性top)。当鼠标不动,图片移动到鼠标光标下时,不触发相关事件。这意味着,不会调用悬停函数。我也尝试使用mouseenter和mouseleave事件,但它们也不起作用。什么是获得所需行为的好方法(只要鼠标悬停在图像上,无论它为什么到达那里,都会产生悬停效果)? 最佳答案 如果鼠标没有移动,您将无法触发鼠标事件,但您可以在图像移动时检查鼠标的位置。您需要做的是在全局变量中跟踪鼠标位置,并检查鼠标

javascript - 灵活的 Javascript 图形可视化框架

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。我正在寻找一个灵活的Javascript图形可视化框架,类似于flex组件SpringGraph.我需要能够将节点表示为不同的视觉组件,例如是一个窗口,图像等。能够命名边缘等。有什么建议吗?