草庐IT

3D呈现

全部标签

javascript - React 组件在浏览器中正确呈现,但呈现 : "Only a ReactOwner can have refs" 时 Jest 测试错误

我在React中有两个组件可以很好地呈现并在浏览器中产生预期的行为,但在通过Jest运行测试时似乎无法呈现。描述.jsvarReact=require('react/addons');var$=require('jquery');varDescription=require('./description.js');varDescriptions=React.createClass({getInitialState:function(){//containeralwaysstartswithatleastonedescriptionfieldthatisempty,orwhateveri

javascript - 强制在 Mobile Safari 上呈现整页?

有没有办法在MobileSafari上强制渲染/更新所有页面元素(甚至那些屏幕外的元素)?我正在使用PhoneGap构建应用程序并且在iOS上尝试通过JS更新数字时遇到问题,该数字位于屏幕外“存储”的DOM元素中。该元素位于HTML中,但位于屏幕外,直到需要按下按钮。当我按下按钮以显示数字时,该元素需要很长时间才能重新出现。我注意到MobileSafari喜欢呈现页面元素(甚至元素的部分),因为它们在屏幕上是可见的。例如,您可以放大图像,它将只渲染可见的部分,如果您滚动到不可见的其他部分,它现在将开始渲染(这需要时间)。我只是用新字符串(一个数字)替换的内容,但是如果在屏幕外,它似乎不

javascript - 在 html div 中呈现 ExtJS 4+ MVC 应用程序 - 如何做?

到目前为止,我找到的所有示例都解释了如何在“视口(viewport)”中呈现ExtJS(4.2)MVC应用程序,换句话说,这意味着整个浏览器屏幕,并占据整个HTML主体。我想在命名DIV中的现有HTML页面中呈现应用程序,以便我可以围绕应用程序进行HTML设计。我见过一些带有ExtJS4示例的站点,它们使用技巧通过使用IFRAME在页面中呈现ExtJS应用程序。是否可以避免使用IFRAME?并且,如果是的话,ExtJS4.2应用程序的骨架在div中呈现时应该是什么样子。注意:在ExtJS3中,我找到了解决方案,方法是创建一个面板作为主容器,在命名的div中呈现。然而,4.2版(可能还有

javascript - 3d 三 Angular 方程

我正在尝试编写一个小型“透视”javascript应用程序,它允许我飞过位于3d空间中的一组x、y、z点。我有一个相机的概念,它改变它的旋转和xyz位置,而每个点保持一个恒定的xyz点。然后我有一组方程式可以计算出应该如何调整相机的x、y、z坐标以直接向前飞行。x、y、z调整显然取决于相机的旋转。它几乎可以工作,但在某些“姿态”下,相机位置调整出错,飞行路径不会直线前进,而是以一定Angular偏离,甚至倒退。计算投影的方程式如下:vardirectionFactor=1;if(direction=='backward')directionFactor=-1;sx=Math.sin(c

javascript - Google Maps API V3 - 无论如何检索自动完成结果而不是下拉呈现它?

我需要以自定义方式呈现google.maps.places.Autocomplete的结果,而不是默认的下拉菜单。有什么方法可以使用GoogleMapsAPIV3检索相同的自动完成信息,但在每个请求的数组中而不是API为我呈现?PS1:我想知道我可以使用google.maps.places.PlaceSearchRequest。但是,与自动完成不同,它限制了我的位置。它不能用于全局搜索。http://code.google.com/apis/maps/documentation/javascript/reference.htmlhttp://code.google.com/apis/m

javascript - Vue.js:如果值为空则不呈现属性(例如:至 =""或键入 ="")

我有一个Button组件,它呈现一个nuxt-link或一个按钮,这取决于你是否提供了一些属性,比如to或type.(type是一个计算属性,用于返回内部链接的nuxt-link,如果是外部链接则返回a标记,如果未定义这些属性则返回button)现在我们有时会渲染一些打开模态框或提交的按钮。在那里我们不传递任何类型或属性:{{component.text}}在呈现的HTML中我得到:如果我验证这一点,我会得到关于这些空属性的错误:Attributetonotallowedonelementbuttonatthispoint.如何呈现属性to=""仅当我将实际值传递给Btn组件时?我正在

javascript - 在滚动完成之前,Safari 中的单指滚动不会呈现 html

在一个移动web应用程序中,我有一个div,它可以使用新的fancy-webkit-overflow-scrolling:touch滚动。唯一的问题是只有在滚动完成时才会呈现内容。有没有办法让MobileSafari(可能还有其他移动浏览器,如Android中的浏览器)在单指滚动期间呈现html?.layer-content{position:absolute;top:112px;bottom:0;width:100%;background:#e6e6e6;overflow-y:scroll;-webkit-overflow-scrolling:touch;}

javascript - Highcharts - HTML 工具提示和数据标签呈现问题

这是我的问题,当您为数据标签设置useHTML:true时,标签文本似乎会覆盖工具提示背景。您可以在这个简单的fiddle中看到行为:barchart尝试在鼠标悬停在栏上时显示工具提示,您将在工具提示背景中看到数据标签的文本。是否可以在数据标签上设置z-index?我试图在工具提示定义中添加它但没有成功:style:{color:'black','z-index':0},我还尝试为数据标签和工具提示设置跨度类,然后将z-index添加到这些类的css属性中,但它仍然无法正常工作。编辑:由于我仍在寻找问题的解决方案,有人可以指出向图表的条形图(或数据标签)添加类的方法吗?我的目标是调用此

javascript - reactjs 和呈现纯 HTML

首先,我对React完全陌生,所以我不确定我的代码是否已经按照“React方式”编写。到目前为止,我已经创建了几个呈现Bootstrap模态的react类。为了设置初始状态,我在componentsDidMount函数中调用了一个Ajax函数。在我尝试将纯HTML插入模态主体之前,这一切正常。服务器请求工作正常,我在this.state.data.content中得到纯HTML代码,但如果我尝试将其插入模态主体,我会收到以下错误:Error:InvariantViolation:ObjectsarenotvalidasaReactchild(found:objectwithkeys{_

javascript - 如何在 chartjs 中悬停时呈现垂直线

我试图在将鼠标悬停在chartjsv2的绘图区域上时呈现一条垂直线。我有一个基本的工作版本,但我还没有弄清楚每次绘制线条时如何删除线条(旧线条只是停留在周围)。这是一个工作示例-https://jsfiddle.net/s9gyynxp/5/varctx=document.getElementById("myChart");varmyChart=newChart(ctx,{type:'line',data:{labels:["Red","Blue","Yellow","Green","Purple","Orange"],datasets:[{label:'#ofVotes',data: