javascript - 在 javascript 中创建 3d 屋顶

标签 javascript html css drawing fabricjs

我需要为一个元素制作一个 3d 屋顶,现在我唯一能想到的就是使用一个库制作一个三 Angular 形,然后在它旁边放一个 Angular 矩形,以获得 3d 效果。三 Angular 形/屋顶的高度也需要通过文本字段进行调整,人们可以在其中填写屋顶的高度。

我使用了 Fabric.js 并取得了良好的开端,但此时我的脚本出现了错误,没有给出任何错误...

FabricJS drawing image dissapears

如果有人对我可以最好地使用哪个库或如何制作这个程序有任何建议,任何让我开始这个元素的东西基本上都会有帮助。

真诚的, 哈门。

最佳答案

你可能可以用 three.js 来实现这个应该相当容易:

http://mrdoob.github.com/three.js/examples/webgl_geometry_tessellation.html

这显示了用户使用键盘输入:

http://stemkoski.github.com/Three.js/Mesh-Movement.html

和一些 Hello World 的例子:

http://stemkoski.github.com/Three.js/

希望对你有帮助

关于javascript - 在 javascript 中创建 3d 屋顶,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14936121/

相关文章:

javascript - 如何为我的排行榜创建两列?

html - HTML 中的复杂表表达式

javascript - 具有硬编码响应的 HTML5 jQuery 聊天框界面

jQuery 最接近();

javascript - jQuery 从两个点击的 div 中获取背景颜色,然后比较它们

javascript - 无法在 spring security 3 中允许静态资源

javascript - React、offsetTop、offsetLeft 和 getBoundingClientRect() 不起作用

javascript - 为什么我的 JavaScript 事件在任何输入上执行,而不是输入到 Chrome 中的适当字段?

javascript - 如何阻止随机生成的数字在表单提交时刷新?

javascript - 我无法在我的网站上显示产品的详细信息