草庐IT

制作线刷包

全部标签

javascript - 使用 geoJson 数据在传单弹出窗口中制作图表

我正在制作一张使用leaflet并由GeoJson格式文件中的数据填充的map。我的总体目标是将图表放入map上每个标记的传单弹出窗口中。获取每个功能的标记并打开弹出窗口非常容易。但是,我发现很难使用D3添加到弹出窗口。为了简单起见,我目前的目标是使用D3在每个传单弹出div中创建一个svg并绘制一个正方形。我发现了一些示例,其中人们使用D3在传单弹出窗口中创建图表,但没有一个示例同时使用geoJson和onEachFeature函数。这是示例之一:http://jsfiddle.net/6UJQ4/这是我的代码的相关部分:L.geoJson(data,{style:function(

javascript - 在 WebGL 中制作球体旋转

不确定我在这里遗漏了什么。试图通过让用户单击“旋转”按钮来使行星(即球体)旋转,但似乎无法弄清楚。我确实有以下部分通过用户与鼠标的交互来旋转球体:document.onmousemove=function(){if(!mouseDown){return;}varnewX=event.clientX;varnewY=event.clientY;vardeltaX=newX-lastMouseXvarnewRotationMatrix=mat4.create();mat4.identity(newRotationMatrix);mat4.rotate(newRotationMatrix,d

javascript - 在 Chart.js 中制作直方图

我们使用Chart.js我们代码库中的库,我需要创建一个直方图,这不是他们的默认图表类型之一。因此,我试图覆盖条形图上的x轴刻度线,使它们出现在每个条形图的左右Angular,而不是直接在下方。在下面的示例中,我通过在labels中添加一个额外的项目来获得我想要的x轴。数组并在options中显示第二个x轴.但是,由于现在有一个额外的标签,条形图占据了宽度的4/5,为不存在的数据点留出了空间。有什么方法可以指定忽略丢失的数据点吗?还是抵消酒吧?还是我找错了树?documentation有点难以解析,所以我不确定是否遗漏了一些简单的东西。varctx=document.getElemen

javascript - 如何制作仅捕获一个符号但有限制的正则表达式?

我需要一个javascript的正则表达式,它允许我选择一个有限制的字符:除了它自己之外没有指定的字符。我需要选择字符/但前提是它旁边没有字符a。例如:str="ILikethis/anda/basketballisrounda/aups.Papa/tol/d/metha/t";myregex=????varpatt=newRegExp(myregex);varres=patt.split(str);结果应该是这样的:res[0]="ILikethis"res[1]="anda/basketballisrounda/aups.Papa/tol"res[2]="d"res[3]="met

javascript - 如何为 react 中的多个字段制作动态状态?

classBillsextendsComponent{constructor(props){super(props)this.state={productName:'',price:0,quantity:0,noOfProductsField:0}}handleChange=name=>event=>{this.setState({[name]:event.target.value,});};createFields=()=>{const{classes}=this.props;letchildren=[]for(leti=0;iSelectProduct{this.state.pro

javascript - 如何像 Github 那样制作 52 周的参与条形图?

我正在尝试制作类似于Github的条形图,用于显示有多少提交或有多少人正在查看存储库,例如https://github.com/popular/watched.有谁知道他们用什么库制作的?更新如果可能,我想重新打开这个问题。重新调查这个问题,下面的解决方案虽然本身很棒,但对于我正在寻找的东西来说似乎有点过于复杂。我已经改用这个很好的Nettuts教程,它绘制了一个条形图,但我无法调整它来绘制多个条形图。http://net.tutsplus.com/tutorials/javascript-ajax/fun-with-canvas-create-a-jquery-graph-plugi

javascript - 如何使用 angularJS 制作虚拟卷轴?

我试图制定一个指令,我可以做一个虚拟滚动,所以当用户滚动表格时,表格删除“旧”View并添加"new"View,有点像收集重复,但我已经一直失败,我想我不明白它背后的数学原理,有人可以帮助我吗?这是我的指令代码:BaseModule.directive('myScroll',function(){return{restrict:"A",scope:{rows:"=",headers:"="},link:function(scope,el){varscrollTop=0;varscrollLeft=0;angular.element(el).on('scroll',function(){

javascript - 制作一个棋盘,上面有两个皇后

这个问题在这里已经有了答案:Unexpectedvaluechangein2DarrayinJavaScript(1个回答)HowcanIcreateatwodimensionalarrayinJavaScript?(55个答案)关闭3年前。我想在我的终端中制作一个8x8的棋盘。我已经制作了正确的8x8网格,但现在无法将两个皇后添加为1我一直在尝试,正如您在代码arrayz[0][1]=1中看到的那样。我想知道问题是出在我的循环上,还是有一种简单的方法可以将两个循环插入到问题中。constgenerateBoard=function(){letarrayz=[]letset=[]let

javascript - 使用 Javascript 或 CSS3 制作动画?

我一直想知道在性能方面什么对动画更好-Javascript或CSS3。在此页面上,您可以比较GSAP、jQuery和CSS3:http://css-tricks.com/myth-busting-css-animations-vs-javascript/向下滚动到性能比较。现在我的问题如下:CSS3迟早会比Javascript(在本例中为GSAP)更快吗?那么我们应该使用CSS3还是仍然使用Javascript来编写动画?更新:另一个网站:http://greensock.com/transitions/目前看来,GSAP在大多数方面都比CSS3快,但在3D转换方面CSS3更快。现在的

javascript - 在javascript中制作一个实时时钟

时钟有点用。但是它不是替换当前时间,而是每秒打印一个新时间。我明白为什么会这样,但我不知道如何解决。如果您能在不直接说出答案的情况下给我一些提示,我将不胜感激。谢谢你。这是我的代码:functiontime(){vard=newDate();vars=d.getSeconds();varm=d.getMinutes();varh=d.getHours();document.write(h+":"+m+":"+s);}setInterval(time,1000); 最佳答案 添加一个span元素并更新其文本内容。varspan=doc