blocks|key|807773|text|Chrome实验发布了几个3D+Javascript应用程序。下面是一个例子：颜色立方体|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|807774|entityMap|0|LINK|mutability|MUTABLE|url|http://www.chromeexperiments.com/detail/colorscube/^0|13|5|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Chrome Experiments has released several 3D Javascript applications. Here's an example:
<a href="http://www.chromeexperiments.com/detail/colorscube/" rel="noreferrer">Colors Cube</a>

blocks|key|2075838|text|Papervison3D是一个3D闪存库，可能值得一看。我自己还没有机会玩，但是有些演示看上去不错。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2075839|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/papervision3d/wiki/Getting_Started_FAQ^0|0|C|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://code.google.com/p/papervision3d/wiki/Getting_Started_FAQ" rel="nofollow noreferrer">Papervison3D</a> is a 3D flash library which might be worth a look. I haven't had the opportunity to play with it myself, but some of the demos look good.

blocks|key|2075981|text|纸张视觉和Unity3D是管道进入和快速装载的最佳选择。Flash安装在大多数机器上，但您需要导出为COLLADA格式，并且在它陷入困境之前有2000多个的限制。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2075982|统一3D有一个伟大的管道，现在是免费的独立。它支持非常高的聚数，插件安装时不需要重新启动浏览器，大约是4MB+(Flash和Sliverlight现在都超过4MB+)。|2075983|另一个选择可能是扭矩3D，但这也是非常基于游戏的。我认为你最好的选择是团结3D。您可以导出作为FBX，并使它在网上大约5分钟。|2075984|在未来，你可以使用谷歌或O3D的WebGL，但它还没有做好黄金时段的准备。唯一有能力的简单管道，以获得三维在网上，目前与体面的多计数是Unity3D。它在PC和Mac上工作，就像Flash和Silverlight一样。|2075985|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

Papervision and Unity3D are the best choices for the pipeline in and quick loading. Flash is installed on most machined but you need to export as COLLADA format and there is a limit of 2000 polys before it bogs down. 

Unity 3D has a great pipeline and is free for the indie now. It supports very high poly counts and the plugin installs without a browser restart and is around 4MB (Flash and Sliverlight are both over 4MB now).

Another option might be Torque 3D but that is also very game based. I think your best option is Unity 3D. You can export as FBX and have it on the web in about 5 minutes.

In the future you could use O3D from Google or WebGL but it is not ready for primetime. The only capable simple pipeline to get 3d on the web currently with decent poly counts is Unity3D. It works on PC and Mac just like Flash and Silverlight.

blocks|key|807696|text|我不知道flash在3d支持方面有多好，比如CAD应用程序文件格式。IIRC，flash不能做硬件加速的3D图形。另一方面，Java可以(使用正确的库)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|807697|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I am not sure how good flash is at 3d support for things like CAD app file formats. IIRC, flash cannot do hardware accelerated 3D graphics. On the other hand, a Java applet can (with the right library).

blocks|key|2076082|text|几个月前，一个名为素描Fab的新工具问世了。它完全是用HTML5设计的，看起来非常强大。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2076083|entityMap|0|LINK|mutability|MUTABLE|url|https://sketchfab.com/^0|9|5|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

A new tool called <a href="https://sketchfab.com/" rel="nofollow">Sketch Fab</a> came out a few month ago. It's designed entirely in HTML5 and seems very powerful.

blocks|key|2075810|text|考虑QuickTime+VR。它允许您所要求的大部分内容，并且由于您有原始的，您可以创建一个相当准确的模型。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2075811|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Consider QuickTime VR. It allows for much of what you ask and since you have the original, you can create a fairly accurate model.

blocks|key|807747|text|VRML可能是个不错的选择。并行图形学有一个很好的客户端，我已经用了很长时间了。我在我的网站上有一些VRML模型(尽管内容非常琐碎！)这些型号的装载速度会很快，特别是如果它们不是那么大的话。有几种可用的导航模式，您可以将其锁定为“检查”，这可以让用户旋转模型(尽管实际上是摄像机在对象周围移动)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|807748|您将需要找到一个程序，可以编写VRML文件，尽管任何体面的建模师将有这个选项。|807749|entityMap|0|LINK|mutability|MUTABLE|url|http://www.cortona3d.com/|1|http://www.forman.free-online.co.uk/sev/sev.html^0|E|5|0|18|2|1|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]|$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

VRML might be a good choice. There's a good client available from <a href="http://www.cortona3d.com/" rel="nofollow noreferrer">Parallel Graphics</a> that I've used for quite a while now. I've got some VRML models on my <a href="http://www.forman.free-online.co.uk/sev/sev.html" rel="nofollow noreferrer">website</a> (though the content is quite trivial!). The models will load quite quickly, especially if they're not that large. There are several navigation modes available and you can lock it to "examine" which lets the user rotate the model (though in fact it's the camera that's moving around the object).

You will need to find a program that can write VRML files, though any decent modeller will have that option.

blocks|key|546483|text|统一：http://unity3d.com|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|546484|entityMap|0|LINK|mutability|MUTABLE|url|http://unity3d.com/^0|3|I|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Unity: <a href="http://unity3d.com" rel="nofollow noreferrer">http://unity3d.com</a>

blocks|key|2075925|text|看看http://labs.autodesk.com/technologies/freewheel/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2075926|可以显示用Autocad、变频器或Revit制作的二维和三维模型。我想它是用DWF什么的。|2075927|此时，不可能在您自己的服务器上托管FreeWheel，但是您可以将DWF上传到Autodesk，并在IFrame中显示您的模型。|2075928|entityMap|0|LINK|mutability|MUTABLE|url|http://labs.autodesk.com/technologies/freewheel/^0|2|1C|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

Have a look at <a href="http://labs.autodesk.com/technologies/freewheel/" rel="nofollow noreferrer">http://labs.autodesk.com/technologies/freewheel/</a>

Project FreeWheel can show 2D and 3D models made in Autocad, Invertor or Revit. I think it uses DWF or something.

At this point it's not possible to host FreeWheel on your own server, but you can upload a DWF to Autodesk and show your model in an IFrame.

blocks|key|807360|text|似乎基于画布标记的javascript绘图apis正在兴起。请参阅最近发布的画布3d+js库，尽管它只在FF+3.5：http://www.c3dl.org/中工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|807361|entityMap|0|LINK|mutability|MUTABLE|url|http://www.c3dl.org/^0|1N|K|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Seems like canvas tag based javascript drawing apis are picking up. See this recently released canvas 3d js library, even though it works only in FF 3.5: <a href="http://www.c3dl.org/" rel="nofollow noreferrer">http://www.c3dl.org/</a>

blocks|key|546722|text|Autodesk将推出新的查看器api：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|546723|接口/webtech/|offset|length|546724|entityMap|0|LINK|mutability|MUTABLE|url|http://through-the-interface.typepad.com/through_the_interface/webtech/^0|0|0|B|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

Autodesk is coming out with their new viewer api:

<a href="http://through-the-interface.typepad.com/through_the_interface/webtech/" rel="nofollow">http://through-the-interface.typepad.com/through_the_interface/webtech/</a>

blocks|key|546477|text|激波与一些脚本代码，使用户能够旋转模型。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|546478|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Shockwave with some scripting code for the user being able to rotate the model.

blocks|key|546584|text|这里有一个JavaScript+3D渲染引擎：pre3d。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|546585|如果您还没有检查，Doob先生有一个3D图形和建模库：主页和用于three.js的git回购。|546586|entityMap|0|LINK|mutability|MUTABLE|url|http://github.com/deanm/pre3d|1|http://mrdoob.com/|2|http://github.com/mrdoob/three.js^0|N|5|0|0|R|2|1|U|G|2|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]|$A|Z|B|10|1|11]]|C|$]]|$1|F|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]|P|$5|I|J|K|C|$L|Q]]]]

Here's a JavaScript 3D rendering engine: <a href="http://github.com/deanm/pre3d" rel="nofollow">pre3d</a>.

If you haven't checked it out, Mr. Doob has a library for 3D graphics and modeling: <a href="http://mrdoob.com/" rel="nofollow">homepage</a> and <a href="http://github.com/mrdoob/three.js" rel="nofollow">git repo for three.js</a>.

blocks|key|807392|text|您可以使用A3dsViewer+-向HTML5(three.js)提供导出，也可以直接导出到Google，并为您的页面获取生成的<iframe>+url。导出的HTML5模型在默认情况下包含包含旋转功能。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|807393|entityMap|0|LINK|mutability|MUTABLE|url|http://www.aptagraphis.com/index.php?option=com_content&view=article&id=48&Itemid=62^0|1S|8|5|A|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

You could use <a href="http://www.aptagraphis.com/index.php?option=com_content&amp;view=article&amp;id=48&amp;Itemid=62" rel="nofollow">A3dsViewer</a> - provides export to HTML5(three.js) or you can do directly export to the Google Drive and get the generated <code>&lt;iframe&gt;</code> url for the yours page. 
Exported HTML5 models contains by default included rotation functionality.

blocks|key|807469|text|您可以使用这个插件创建你三维模型的html文件。它将生成单个html文件，您可以在网站的任何位置使用它，也可以将其发送给客户端。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|807470|entityMap|0|LINK|mutability|MUTABLE|url|http://prototechsolutions.com/Live/plugins.html^0|B|C|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You can create <a href="http://prototechsolutions.com/Live/plugins.html" rel="nofollow">html file of you 3D model</a> using this plugins. It will generate single html file and you will able to use it any where in your website or you can send it to client as well

I have 3D CAD model that I want to show on a web page. I'd like to show it in a form like a <code>&lt;img&gt;</code> tag (e.g. inline with everything else rather than as a separate page) and I want the visitor to be able to rotate the model to view it from different perspectives.

What options do I have?

Things I'm thinking of/looking at

<ul>
<li><a href="http://en.wikipedia.org/wiki/VRML" rel="noreferrer">VRML</a></li>
<li><a href="http://en.wikipedia.org/wiki/3DXML" rel="noreferrer">3DXML</a></li>
<li>flash</li>
<li>PDF has something that works but it doesn't embed like I want</li>
<li><a href="http://en.wikipedia.org/wiki/3DMLW" rel="noreferrer">3DMLW</a> (Seems very slow)</li>
<li><a href="http://en.wikipedia.org/wiki/U3D" rel="noreferrer">Universal 3D</a> (supported by Adobe Reader)</li>
</ul>

<hr>

Edit:
The model is not very complex so perf is not a major concern.

3D models on HTML page

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我有三维CAD模型，我想显示在网页上。我想以类似于<img>标记的形式显示它(例如，将其与其他所有内容内联，而不是作为一个单独的页面)，并且我希望访问者能够旋转模型，从不同的角度查看它。我有什么选择？我在想/看的事情闪光灯PDF有一些有用的东西，但它不像我想要的那样嵌入 (看起来很慢) (由Adobe支持)编辑:模型不是很复杂，所以perf不是一个主要的关注点。

问HTML页面上的三维模型
EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML页面上的三维模型EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML页面上的三维模型
EN