草庐IT

3d匹配

全部标签

javascript - CSS 3D变换以制作给定边长的梯形

我有一个给定尺寸(比如100x300像素)的元素,它位于高度相同且宽度可变的容器中,我想使用rotateX围绕-webkit-transform-进行转换origin:topcenter;在选择容器的-webkit-perspective时,图像的底线看起来保持在原处,但只会扩展以填充整个容器。哇,这听起来令人困惑。这是一张照片:基本上,我想创建一个上部宽度固定、下部宽度可变的梯形。但是我不能完全弄清楚关系背后的数学......欢迎使用Javascript。以下示例适用于正文宽度为600像素的情况:http://jsfiddle.net/24qrQ/现在的任务是随着body的宽度不断改

javascript - 对象中数组的长度不匹配

我试图在D3中使用树层次结构,但卡住了。我以为我正在正确构建JSON,但是当我查看开发人员工具中的对象时,我看到以下内容:注意第一行显示dependents数组的长度为0,但展开后,您可以清楚地看到dependents有3个对象。当我对其进行字符串化时,我得到以下信息:{"attributes":{"id":0,"name":"root"},"dependents":[]}知道哪里出了问题吗?谢谢! 最佳答案 当您在记录对象后更改对象时通常会发生此问题,因为Chrome在您记录对象时不会深度复制该对象,而只是存储一个引用。树不会立即

javascript - 正则表达式匹配 URI 中的 & 号,后跟一个等号而不是另一个 & 号

我的正则表达式知识让我逃避了这个......假设我有一个以URI作为查询参数的URL,ala:http://hostname.com?uri=http://website.com/company/YoYo+&+Co+Inc&type=company...假设我们的uri参数本身不包含任何参数,我想在Javascript中手动解析查询参数,但显然我们嵌入的uri参数中的&符号使得它比简单地拆分所有&符号和从那里运行它。我真正想做的是定义一个正则表达式,该正则表达式仅匹配问号和与号后跟一个等号,然后再跟另一个与号(或行尾)。我想出了这个很接近但也包括非捕获文本,我不确定为什么:[?&](?

javascript - querySelectorAll,通配符元素匹配?

我正在使用document.querySelectorAll()我知道[id^='id1']将匹配所有以id1开头的ID。[id$='textBox']将匹配所有以textBox结尾的ID。但我想要这两者的结合。这就是我想要做的事情:document.querySelectorAll('[idshouldshartwithid1andendingwithtextBox]')这可能吗? 最佳答案 有可能combineselector通过没有任何空格的连接。document.querySelectorAll("[id$='textBox

javascript - 正则表达式匹配唯一结果

我有以下情况,我正在HTML字符串中搜索属性。我有以下正则表达式,但我想得到唯一的结果,当然我可以对结果数组应用一些过滤器,但我认为这可以通过纯正则表达式实现。https://regex101.com/r/UqCuJS/1所以在这种情况下类被返回两次,但我只想要1次:['class','data-text']不是['class','data-text','class']consthtml=` `console.log(html.match(/[\w-:]+(?=\s*=\s*".*?")/g))http://jsbin.com/bekibanisa/edit?js,console

Javascript 正则表达式仅匹配以特定特殊字符开头的单词

我试图在javascript中只匹配以#开头的单词,例如。在以下示例文本中,只有#these应该匹配。Ineedtomatchonlywordslike#these.Ignoretheoneslike@#this,!#thisandin#ignore.离这里越近/(\B(#[a-z0-9])\w+)/gi引用:https://regex101.com/r/wU7sQ0/114 最佳答案 使用空白边界(?:^|\s):varrx=/(?:^|\s)(#[a-z0-9]\w*)/gi;vars="Ineedtomatchonlyword

javascript - 三.JS,改变子3D对象的世界位置

所以基本上我有一个Object3D组的子object3D,而子对象的[x,y,z]坐标是相对于父对象的对象空间显示的,我想在其中更改子对象的位置3D空间。所以首先我得到子对象相对于世界空间的位置。varwrld_pos=childobject.matrixWorld.multiplyVector3(newTHREE.Vector3);这将返回child在世界空间中的位置的三元素向量。现在我想设置我自己的位置。所以我创建了一个三元素向量。varnew_pos=THREE.Vector3();new_pos.x=1;new_pos.y=2;new_pos.z=3;childobject.m

javascript - 使用 enquire.js 退出匹配的断点时销毁函数

这可能是大多数阅读的基础,但我似乎无法理解。如果在一定宽度下,我想执行一个小测试函数。当屏幕旋转或调整大小超过该宽度时,我希望该功能停止工作。为简单起见,这里有一些示例代码。enquire.register("screenand(max-width:500px)",{match:function(){$(".block.block-title").click(function(){alert("HelloWorld!");});}}).listen();因此,如果页面加载超过500像素,它会按预期工作。单击不会执行。如果页面以500像素或以下加载,则执行点击功能。唯一的问题是,如果您调

javascript - 根据匹配的项目属性添加类别行

我有一个排序的静态列表,要用KO显示,并且希望在类别更改时显示类别标题(因为列表是按类别排序的)。我仍然在genning上KO,这是做到这一点的“KO”方式,还是有更好的方法?特别是访问列表中前一项的语法有点毛茸茸,这让我怀疑我错过了一个可以改善这一点的功能。:-)LiveCopy|SourceHTML:JavaScript:(显然这只是示例中的一个快速而肮脏的VM)functionItem(category,item,quantity){this.category=ko.observable(category);this.item=ko.observable(item);this.q

javascript - 将包含对象的 3D 数组展平为 2D,通过其参数删除重复的对象

我有一个包含对象的3D数组:[[{id:1},{id:2}],[{id:3}],[{id:3},{id:4}]]如何展平它,包括删除重复的id参数?[{id:1},{id:2},{id:3},{id:4}]我认为下划线会有所帮助 最佳答案 vara=[[{id:1},{id:2}],[{id:3}],[{id:3},{id:4}]];varflattened=_(a).flatten().uniq('id').value();当然你必须包括lodash到您的网页。 关于javascrip