草庐IT

the-canvas-element

全部标签

javascript - Vis.js 网络 : how to add a node on click inside the canvas?

Manipulationmethodsofvis.js仅包括addNodeMode(),但不包括addNode()之类的东西。我想知道是否有一些不错的方法可以在单击时创建节点。可能是通过操纵数据而不是网络本身?当然可以去network.on('click',function(params){if((params.nodes.length==0)&&(params.edges.length==0)){network.addNodeMode();//doesn'tadd,onemoreclickneeded//#generateclickinthesameplace.Useparams.p

javascript - Angular 动画 : Animate Parent and Child Elements

我用Angular动画创建了一个元素(div.parent),效果很好。当我向它添加一个子元素并尝试同时为该子元素设置动画时,其中一个动画并没有结束运行(它只是捕捉到新状态)。堆栈Blitz:https://stackblitz.com/edit/angular-2tbwu8标记:动画:trigger('theParentAnimation',[state('down',style({transform:'translateY(100%)translateZ(0)',})),transition('**',[group([query(':self',[animate('0.9scubi

javascript - 谷歌地图 : How to add HTML elements to specific coordinates?

我想知道如何以及是否可以将标准HTML元素(div、按钮)添加到map上的一组特定坐标?例如我有一组坐标,我想给它们附加一个自定义气球通知当我从坐标平移时,元素应该消失,当我平移回到它们时,元素应该重新出现。是否可以使用Googlemap做到这一点? 最佳答案 您可以使用自定义覆盖-https://developers.google.com/maps/documentation/javascript/customoverlays为此 关于javascript-谷歌地图:HowtoaddH

javascript - 如何将函数从 function(element) 语法转换为 $(element).function() 语法

我有一个函数接受它需要操作的元素作为参数elementfunctionchangeColor(element){$(element).find('.middleBox').each(function(){$(this).//dosomestuffthatdoesnotmatternow;});}我是这样调用它的changeColor($(document));//thisappliesittothewholedocumentchangeColor($('#sectionOne'));//thisappliesittoonlypartofthedocument我想将它从接受其对象作为参数

javascript - 脚本错误 : Unable to modify the parent container element before the child element is closed

脚本错误:在关闭子元素之前无法修改父容器元素。我应该怎么办?我单击"is",但未显示我的网页。在我的产品页面代码的开头,我有:http://pastebin.com/iiUfMq1v除IE8外,所有浏览器都运行良好,IE8是唯一会抛出任何类型错误的浏览器。有什么想法吗? 最佳答案 请检查这些链接http://answers.microsoft.com/en-us/ie/forum/ie8-windows_other/html-parsing-error-unable-to-modify-the-parent/e64759e0-d34

固定长度的 Javascript Canvas 曲线

我想绘制任意(随机)曲线,给定:起点终点曲线长度受Canvas边界限制,加上曲线不能交叉,我怎么能做这样的事情。我试图找到一些解决方案,但我无法弄清楚。感谢您的宝贵时间。这是我想要完成的更详细的View:这是画在Canvas上的二次曲线。一切都好。问题是,如何在没有所有点的情况下绘制它,仅使用以像素为单位的固定长度、随机点、受Canvas大小限制且不交叉。代码可能是这样的:functionfixedCurve(A,B,length){for(inti=A;i 最佳答案 试试这个(fiddle):functiondraw(){varc

javascript - Canvas 上的多个光源

我想在我正在制作的游戏的背景上放置多个光源,使用一个光源效果很好,如下所示:这是通过将.png图像放在其他所有东西之上来实现的,它变得更加透明,像这样:适用于一个光源,但我需要另一种方法,我可以添加更多光源并四处移动光源。我考虑过为每一帧逐个像素绘制一个类似的“阴影层”,并根据到每个光源的距离计算透明度。但是,这可能会很慢,我相信有更好的方法来解决这个问题。图像只是示例,每一帧将有相当多的内容可以使用requestAnimationFrame移动和更新。是否有一种轻量级且简单的方法来实现这一目标?提前致谢!编辑在ViliusL的帮助下,我想出了这个掩蔽解决方案:http://jsfid

javascript - element.parentNode.removeChild(element) 之前是否需要 element.removeEventListener()?

假设我的文档中有一组元素,它们是单个对象的子元素。这些元素中的每一个都使用不同的参数注册一个新的事件监听器。如果我丢弃父对象,是否需要手动取消注册所有eventListener?或者浏览器是否跟踪所有事件监听器并在我从DOM中删除元素时丢弃它们?我问的原因是因为跟踪所有事件然后调用removeEventListener非常痛苦。看起来浏览器应该足够聪明,可以解决这个问题,但如果不这样做,我恐怕会泄漏内存。举个例子:varelements=parent.childNodes;varlisteners=[];for(vari=0;i及以后:for(vari=0;i典型的方法是什么?我意识到

javascript - leaflet.js : Fire event when setView() has finished the animation. 这怎么可能?

我目前正在使用leaflet.js,我现在正在网上搜索很多,以找出:如果有一个事件,可以在异步函数setView()的动画结束后触发。这是我尝试过的:map.setView([lat,lon],12,{pan:{animate:true,duration:0.5},zoom:{animate:true},animate:true}.on('ready',function(e){console.log("animationfinished!");});setView-command完美运行,但是本地图动画准备就绪时应该触发的函数不起作用。有没有人有解决办法?

javascript - 在 ReactJS 中的 VisJS 网络图的 Canvas 上添加多个节点框选择器

例子这里是一个在网络上绘制Canvas以选择多个节点的jQuery示例:http://jsfiddle.net/kbj54bas/(或Github)如何将其转换为React?沙盒我在这个沙箱中设置了react-graph-vis(source),并向图表添加了一个引用:https://codesandbox.io/s/5m2vv1yo04尝试在“”上使用React.createRef()将eventListers添加到Graph/canvas时遇到问题在Canvas上使用此方法时遇到问题:.getContext("2d")我觉得我不明白如何访问react-graph-vis方法ment