草庐IT

transform3d

全部标签

javascript - translate3d() 导致 jQuery 悬停/单击事件无法正确触发

在分析不同CSS动画类型上的jQuery鼠标事件时,我注意到translate3d导致悬停和其他事件无法正确触发。在一个基本示例中,我正在为从右到左的block列表设置动画。在鼠标悬停时,我将悬停的LI背景设置为绿色。注意:测试是为webkit构建的HTMLcontentcontent...CSS.container{position:absolute;left:600px;top:0;}.containerul{list-style:none;width:9999px;}.containerulli{width:200px;height:400px;float:left;backgr

javascript - 访问使用 OBJMTLLoader 加载的 Object3D

我正在构建一个允许用户以obj/mtl格式上传3D模型的应用程序。管理员在我们的查看器中显示加载对象的预览。我想为用户提供控件来设置加载对象的初始y位置和相机的初始z位置。我已经解决了相机部分,但我在y位置上没有运气。我的代码:varobj3d;loader.load(model_obj,model_mtl,function(object){object.position.y=y_init;scene.add(object);render();obj3d=object;$('#initial_y').change(function(){obj3d.position.y=$(this).

javascript - 这个 3D 饼图中的数据是如何解析的?

我试图掌握Donut3D.js->http://plnkr.co/edit/g5kgAPCHMlFWKjljUc3j?p=preview中的功能处理插入的数据:首先,数据的startAngle设置为0度是在哪里设置的?我想将其更改为45º,然后更改为135º、225º和315º(查看上图)。我找到了这个函数:Donut3D.draw=function(id,data,x/*centerx*/,y/*centery*/,rx/*radiusx*/,ry/*radiusy*/,h/*height*/,ir/*innerradius*/){var_data=d3.layout.pie().s

javascript - Object3D 中的交集

我将一些对象添加到Object3D(用于对元素进行分组)并且我正在尝试检测对它的点击。我的场景大小为600x400,我的相机位于三对象内,我的事件处理程序代码如下所示:functiononDocumentMouseDown(event){event.preventDefault();varmouse={};mouse.x=(event.clientX/600)*2-1;mouse.y=-(event.clientY/400)*2+1;varvector=newTHREE.Vector3(mouse.x,mouse.y,1);projector.unprojectVector(vecto

javascript - 如何使用 JavaScript 更改 svg <g transform=scale(X)> 的参数?

嘿。假设我的页面某处有SVG图形。当触发某些事件时,我想重新调整一组。我该怎么做?示例代码:Text我想更改scale(13)参数,为此应该在functiongetScreenSize(evt){...}?或者如何以不同的方式达到类似的效果?编辑至于一般想法,我想调整图形大小而不在任何地方指定固定值。所以我的div大小是基于百分比的,现在我只希望我的图形完全适合我的div,而不管它的大小。这就是为什么我想到JS在事件被触发(div调整大小)时更改scale()参数。函数将放入DivSize/rectBaseSize(x或y)的比例参数计算。 最佳答案

QT+OpenGL开始3D

QT+OpenGL本篇完整工程见gitee:QTOpenGL对应点的tag,由turbolove提供技术支持,您可以关注博主或者私信博主。坐标系统顶点坐标起始于局部空间,它在之后会变为世界坐标,观察坐标,裁减坐标,并最后以屏幕坐标的形式结束。局部坐标是对象相对于局部原点的坐标,也是物体起始的坐标。下一步是将局部坐标变换为世界空间坐标,世界空间坐标是处于一个更大的空间范围的。这些坐标相对于世界的全局原点,它们会和其它物体一起相对于世界的原点进行摆放。接下来我们将世界坐标变换为观察空间坐标,使得每个坐标都是从摄像机或者说观察者的角度进行观察的。坐标到达观察空间之后,我们需要将其投影到裁剪坐标。裁剪

3D打印Gcode文件命令详解

目录3D打印Gcode文件命令详解Gcode文件作用常用命令;命令-注释G28命令-复位G90和G91命令-设置定位模式M82和M83命令-设定挤丝模式G1命令-运动命令G92命令-设置当前位置M104和M109命令-加热喷嘴M140和M190命令-平台热床加热M106命令-设置冷却风扇运行3D打印Gcode文件命令详解目前看了很多资料,感觉都解释得不够细节,很多还是直接复制粘贴的,所以特别写一篇关于3D打印Gcode文件中常用命令的详细解释。Gcode的命令很简单,但是前提是需要有清晰的说明。Gcode文件作用Gcode文件是用来命令3D打印工作的,你想要将电脑里的三维模型用3D打印机打印出

javascript - jQuery 动画 -webkit-transform

是否可以使用jQuery为webkittranslate3d设置动画?我读到,当使用jQuery的animate属性时,您必须使用驼峰式大小写css属性,但在translate3d的情况下,这似乎不起作用。我有以下代码,我想对其进行动画处理而不是立即发生?$("#main-nav").css('-webkit-transform',"translate3d(0px,"+e+"px,0px)scale(1)");为澄清起见,“e”是传递给运行我的上述代码的函数的变量。 最佳答案 使用text-indent就可以了。示例:$(".tes

javascript - Babel - 使用 transform-async-to-generator 插件时未定义 regeneratorRuntime

我无法正确设置babel以使用async/await。我正在使用babel7和webpack4。如果可能,我不想使用babel-polyfill!我的babelrc文件:{"presets":[["@babel/env",{"modules":false}]],"plugins":["syntax-dynamic-import","transform-async-to-generator"]}代码:asyncfunctioninit(){constloaderData=awaitinitLoader();initCmp(loaderData).then(initApi(loaderDa

javascript - 在保持旋转的同时使用 d3-3d 进行平移和缩放

我正在使用d3-3dplugin绘制3d条形图,但我想在保持旋转的同时添加平移和缩放功能。仅添加d3.zoom()似乎与d3.drag()行为冲突-它似乎是随机的,哪个优先并增加了很多“抖动”".varorigin=[100,85],scale=5,j=10,cubesData=[];varalpha=0,beta=0,startAngle=Math.PI/6;varsvg=d3.select('svg').call(d3.drag().on('drag',dragged).on('start',dragStart).on('end',dragEnd)).append('g');var