这是一个创建于 1418 天前的主题，其中的信息可能已经有所发展或是发生改变。
前端小白，想做一个简单的 web 2d 类似可以编辑的 autocad 的软件。支持看图或一些基本的画图操作。
前期看了一些，在线的 autocad 看图软件，是在后端生成 PNG 图片发送到前端 canvas 显示，每次移动、放大、图层隐藏等都是后端生成新的 png 推送到浏览器。感觉这种方式用来显示应该没有问题，不适合用户自己画图或者编辑新的文件。
我的问题
[ 1 ] 应该选 canvas 吧？ svg 虽然是矢量，dom 效率还是差一些？
[ 2 ] 如果要画图，还是需要在前端有 dom 节点可以操作并且在前端渲染比较好？
[ 3 ] 有没有比较好的项目可以参考？在网上搜索了有一个 le5le-topology 感觉不错，但是还是有一点差别，le5le 有点类似 visio
谢谢各位
前期看了一些，在线的 autocad 看图软件，是在后端生成 PNG 图片发送到前端 canvas 显示，每次移动、放大、图层隐藏等都是后端生成新的 png 推送到浏览器。感觉这种方式用来显示应该没有问题，不适合用户自己画图或者编辑新的文件。
我的问题
[ 1 ] 应该选 canvas 吧？ svg 虽然是矢量，dom 效率还是差一些？
[ 2 ] 如果要画图，还是需要在前端有 dom 节点可以操作并且在前端渲染比较好？
[ 3 ] 有没有比较好的项目可以参考？在网上搜索了有一个 le5le-topology 感觉不错，但是还是有一点差别，le5le 有点类似 visio
谢谢各位
 |
1
murmur 2020-12-17 16:51:04 +08:00
autocad 好像不简单，专业性太强，简单了直接没法用了，你的需求是啥，咋突然想到这个东西
|
 |
2
johnman OP @murmur 并不想做成一个专业的 cad 软件，我的需求是
最简单的可以根据一张背景层图片（ 2d 俯视 layout 图，可以是图片，也可以是 autocad 格式的 dxf 图片），用户可以编辑层上面画一些墙、门、窗、地板（这些元素也是俯视即可）等建筑图形，保存成 json 后传回后端。 当然，如果可以做得智能一些，例如，如果可以处理 dxf 的层，可以把整个 dxf 的一个层都变成墙 |
 |
3
lower 2020-12-17 17:01:25 +08:00
你需要的是 web-gl
用 threejs 搞 我这有一套现成的代码，不知道有没有兴趣 |
|
4
lower 2020-12-17 17:04:35 +08:00
|
|
6
johnman OP @lower github 有个 dxf-parser 及配套的 three-dxf 就是用 threejs 显示 dxf，试了一下还是能够完整显示所有元素
|
|
7
lower 2020-12-17 17:19:12 +08:00
@johnman 之前有，现在好像关了；
主要就是基于 threejs 搞的，2d/3d 视角的场景都行，，然后就是各种门窗元素就是往场景添加模型，设置模型的各种属性； 导入导出涉及到解析 dwg 文件格式，这块好像比较复杂。如果有这方面的需求就麻烦了。 代码是公司的，大概看过，里面写的很乱……想了一下估计对你也没参考价值。 |
|
9
lower 2020-12-17 17:38:58 +08:00
@johnman 难搞的就是兼容它，我看那个项目里，解析 dwg 也是服务端搞的，但是在 cad 里画的，要遵守一套复杂严格的规则来创建 /命名层，才能正常识别解析到在线平台里，这一点感觉难搞。
|
 |
10
aec4d 2020-12-17 18:54:14 +08:00 via iPhone
处理过类似的项目，用 dxf，dxf 规范比较简单。然后写代码在 dxf 和另外一种矢量格式互转就可以了
|
 |
11
horizon 2020-12-17 19:16:19 +08:00
|
|
12
horizon 2020-12-17 19:16:37 +08:00
|
 |
14
fractal3D 351 天前
转成图片是不合适的，因为 cad 不仅仅是预览，还需要有一些数据结构的交互，所以通常会自定义一些数据结构。我们也开发了一个可以支持 dwg 等格式的开发引擎，可以借鉴：
|
|
15
fractal3D 351 天前
转成图片是不合适的，因为 cad 不仅仅是预览，还需要有一些数据结构的交互，所以通常会自定义一些数据结构。我们也开发了一个可以支持 dwg 等格式的开发引擎，可以借鉴：
分形三维，https://fractal3d.everxyz.com/ |
Select Language