草庐IT

Material-Animations

全部标签

javascript - three.js 改变 Material 的纹理

我正在three.js中的网格上设置纹理,当它加载时它看起来也是我想要的:texture=THREE.ImageUtils.loadTexture("textures/hash.png");texture.needsUpdate=true;uniforms={color:{type:"c",value:newTHREE.Color(0xffffff)},texture:{type:"t",value:texture},},vertexShader="varyingvec2vUv;voidmain(){vUv=uv;gl_Position=projectionMatrix*modelVi

javascript - 如何测试 Angular Material 对话框?

我有一个我正在尝试测试的自定义对话框组件类。特别是我的关闭功能是这个close():void{this.dialogRef.close();}dialogRef被注入(inject)到类构造函数中,如下所示constructor(publicdialogRef:MatDialogRef,@Inject(MAT_DIALOG_DATA)publicdata:any){}所以我的问题是,如何在我的规范测试文件中模拟dialogRef并测试其关闭功能?我的项目使用Angular5和AngularMaterial5。 最佳答案 假设您要询问

javascript - 浏览器对 Angular Material 的支持

我想在我的下一个元素中使用AngularMaterial。https://material.angularjs.org我没有找到关于它支持哪些浏览器的任何文档。任何人都知道它的内部运作方式以及会发生什么?据我了解flexcss属性,例如IEflexcss的情况下使用吗?http://caniuse.com/#feat=flexbox 最佳答案 AngularMaterial使用CSS3Flexbox,支持的浏览器有:IE11+,Chrome,Safari,火狐,Android4.2+和iOS8+。更多详细信息,请访问angularj

javascript - 将 Material UI 函数转换为类

如何将React函数转换为类?我不明白如何更新函数中的const{classes}=props;以供类使用。这是MaterialUI中的按钮功能:https://material-ui-next.com/demos/buttons/importReactfrom'react';importPropTypesfrom'prop-types';import{withStyles}from'material-ui/styles';importButtonfrom'material-ui/Button';conststyles=theme=>({button:{margin:theme.spa

javascript - 将颜色渐变应用于网格上的 Material - three.js

我将一个STL文件加载到我的场景中,并将单一颜色应用于phongMaterial我想要一种将两种颜色应用到此网格Material的方法,并在Z轴上应用渐变效果,如下例所示。GradientVase]1我觉得我可能必须引入着色器,但我对three.js还没有做到这一点。 最佳答案 简单的渐变着色器,基于uvs:varscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera(60,1,1,1000);camera.position.set(13,25,38);camera.l

javascript - 如何将同一个 Controller 与 Angular Material 对话框一起使用?

我在我的项目中使用AngularMaterial。我使用了很多对话框(只是为了提醒目的),但我现在需要一个相当复杂的对话框。这是AngularMaterial网站使用的示例:functionshowDialog($event){varparentEl=angular.element(document.body);$mdDialog.show({parent:parentEl,targetEvent:$event,template:''+''+''+''+'Number{{item}}'+''+''+''+''+''+'CloseDialog'+''+''+'',locals:{item

javascript - 如何使用@angular/animations 为 ScrollTop 设置动画?

我正在尝试从Material.io复制这个动画:在上面的示例中,只需像点击第一张卡片那样导航高度就很简单。只是动画高度属性。问题在于点击第二张卡片,然后将其他卡片推开。一个解决方案是使用滚动来模拟事物被推开的效果。因此,当您单击该项目时,它会通过设置高度动画使其变高,同时还会ScrollView。我的问题:我似乎无法弄清楚如何使用@angular/animations制作滚动动画。我不能使用style({scrollTop:100}),它只允许根据documentation的CSS属性.我如何实现这一目标?如果出于维护原因(为了将整个动画保持在代码中的1个位置),我可以将它作为anim

javascript - 未聚焦时 Angular Material 输入不显示值

我正在使用AngularMaterial1.0.3和元素已正确设置,但如果我单击一个元素以使其聚焦,则它们的值是可见的。一旦它没有聚焦,我就看不到它的值(value)。标记如下:Somelabel在检查它是否是CSS问题后,我发现以下CSS选择器正在转向color进入transparent:md-input-container:not(.md-input-has-value)input:not(:focus){color:transparent;}显然,输入似乎没有.md-input-has-valueCSS类。目前,我无法弄清楚出了什么问题。附加信息在我的例子中,与AngularMa

javascript - 如何将一个数组项传输到另一个数组并使用 Angular Material Drag n Drop CDK 更新它,而无需两个项目都绑定(bind)到相同的参数

我正在使用AngularMaterialDragNDropCDK将一组默认项目(列表1)移动到动态项目列表(列表2)。当我将默认项目(L1)拖到动态项目(L2)中,然后更新现在的动态项目(NewL2Items)时,它也会更新默认项目(OldL1Item)。当您将默认项(L1)拖到动态项(L2)时,默认列表(L1)会使用resetList方法重置回其原始数组。我的目标是更新现在的动态项目(新L2项目)并可能将相同的默认项目(已重置的旧L1项目)拖到动态列表(L2)中,创建另一个新的动态项目(另一个新的L2项目)。我遇到的问题是,当我将默认项(L1)拖到动态列表(L2)中时,然后将新的动态

javascript - Angular 5, Angular Material : Datepicker validation not working

我正在使用最新的Angular和最新的AngularMaterial。我有一个日期选择器,我想添加一些验证。文档说required属性应该开箱即用,但它似乎不像其他表单元素那样处理错误。这是我的标记:YourdateofbirthisrequiredThisworksonthehappy-path,sowhenadateispicked,thedateendsupintheexpectedpropertyinmyService.然而,验证并没有按照我期望的方式进行;在这种情况下,如果我点击进入该字段然后在没有输入日期的情况下离开该字段,那么输入确实获得红色样式,但是通常的[contro