[{"data":1,"prerenderedAt":384},["ShallowReactive",2],{"{\"language\":\"zh\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/2d-dwg-drawing-viewer-demo":3},{"data":4,"headers":361},{"story":5,"cv":342,"rels":343,"links":360},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":334,"full_slug":335,"sort_by_date":30,"position":336,"tag_list":337,"is_startpage":174,"parent_id":338,"meta_data":30,"group_id":339,"first_published_at":340,"release_id":30,"lang":290,"path":30,"alternates":341,"default_full_slug":30,"translated_slugs":30},"2D DWG Drawing Viewer Demo","2026-03-26T18:45:03.523Z","2026-10-10T22:14:39.226Z","2026-10-10T22:14:39.296Z",159175080152164,"a16b8777-9196-42ae-82df-3d4e5f7dbe87",{"_uid":13,"body":14,"date":230,"fold":231,"intro":293,"title":300,"gallery":301,"category":318,"metadata":320,"component":324,"demo_link":325,"thumbnail":327,"github_link":329,"last_updated":331,"open_graph_image":332,"include_open_graph":56,"block_search_engines":174},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,221],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":220,"remove_padding":56},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,57,67,71,127,163,204],{"_uid":22,"body":23,"alignment":54,"component":55,"is_full_width":56},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38,44,49],{"type":27,"attrs":28,"content":31},"heading",{"level":29,"textAlign":30},2,null,[32],{"text":33,"type":34,"marks":35},"概述","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42],{"text":43,"type":34},"使用 HOOPS Visualize for Web（前称 HOOPS Communicator）构建的2D DWG 绘图查看器演示包含多个可以交互的模型。",{"type":39,"attrs":45,"content":46},{"textAlign":30},[47],{"text":48,"type":34},"在查看这些模型中的每一个时，您可以访问图层和其他绘图属性，以及所有可用的图纸。还存储了预定义的摄像机视角，以便快速切换到绘图和3D组件的不同区域。",{"type":39,"attrs":50,"content":51},{"textAlign":30},[52],{"text":53,"type":34},"它还包括测量和标记支持。此外，还支持其他2D绘图格式，如CATDrawing以及2D图纸的创作。","align-left","copy",true,{"_uid":58,"body":59,"alignment":54,"component":55,"is_full_width":56},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":60},[61],{"type":27,"attrs":62,"content":64},{"level":63,"textAlign":30},3,[65],{"text":66,"type":34},"演示教程视频",{"_uid":68,"code":69,"component":70},"75d2d6cc-fb66-4a6b-9f27-2a11781e7ec8","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/XwI9LWLicyw?si=OS5cZw1ucE7ygJH5\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>\u003C/iframe>","code",{"_uid":72,"body":73,"alignment":54,"component":55,"is_full_width":56},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":74},[75,80,95,107,109,114],{"type":27,"attrs":76,"content":77},{"level":63,"textAlign":30},[78],{"text":79,"type":34},"了解更多关于 HOOPS Visualize for Web（前称 HOOPS Communicator）的信息",{"type":39,"attrs":81,"content":82},{"textAlign":30},[83,85,93],{"text":84,"type":34},"关于 HOOPS Visualize for Web（前称 HOOPS Communicator）和我们所有产品的更多信息，请访问 ",{"text":86,"type":34,"marks":87},"techsoft3d.com",[88],{"type":89,"attrs":90},"link",{"href":91,"uuid":30,"anchor":30,"target":30,"linktype":92},"https://www.techsoft3d.com/","url",{"text":94,"type":34},"。",{"type":39,"attrs":96,"content":97},{"textAlign":30},[98,100,106],{"text":99,"type":34},"此外，有关 HOOPS Visualize for Web（前称 HOOPS Communicator）API 的更多信息，请参阅我们的 ",{"text":101,"type":34,"marks":102},"文档",[103],{"type":89,"attrs":104},{"href":105,"uuid":30,"anchor":30,"target":30,"linktype":92},"https://docs.techsoft3d.com/communicator/latest/",{"text":94,"type":34},{"type":27,"attrs":108},{"level":63,"textAlign":30},{"type":27,"attrs":110,"content":111},{"level":63,"textAlign":30},[112],{"text":113,"type":34},"加入我们的论坛",{"type":39,"attrs":115,"content":116},{"textAlign":30},[117,119,125],{"text":118,"type":34},"请加入我们的 ",{"text":120,"type":34,"marks":121},"社区论坛",[122],{"type":89,"attrs":123},{"href":124,"uuid":30,"anchor":30,"target":30,"linktype":92},"https://forum.techsoft3d.com/",{"text":126,"type":34}," ，查看由 Tech Soft 3D 员工发布的额外代码示例，或提出您可能对 HOOPS Visualize for Web（前称 HOOPS Communicator）或我们其他产品的任何问题。",{"_uid":128,"body":129,"alignment":54,"component":55,"is_full_width":56},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":130},[131,138,151],{"type":27,"attrs":132,"content":133},{"level":29,"textAlign":30},[134],{"text":135,"type":34,"marks":136},"有问题或反馈吗？",[137],{"type":37},{"type":39,"attrs":139,"content":140},{"textAlign":30},[141,143,149],{"text":142,"type":34},"我们正在寻找反馈意见，以改进此工具包以满足您的需求！请在我们的 ",{"text":144,"type":34,"marks":145},"论坛",[146],{"type":89,"attrs":147},{"href":124,"uuid":30,"anchor":30,"target":148,"linktype":92},"_blank",{"text":150,"type":34},"连接。",{"type":39,"attrs":152,"content":153},{"textAlign":30},[154,156],{"text":155,"type":34},"您还可以注册一个 ",{"text":157,"type":34,"marks":158},"HOOPS Visualize. ",[159],{"type":89,"attrs":160},{"href":161,"uuid":30,"anchor":30,"target":162,"linktype":92},"https://developer.techsoft3d.com/hoops/visualize","_self",{"_uid":164,"messages":165,"component":198,"background":199,"remove_padding":56,"is_verticalized":174},"2517b691-8590-46b2-b1a0-c989536a3b36",[166],{"_uid":167,"icon":16,"buttons":168,"content":179,"headline":186,"link_url":16,"metadata":193,"component":196,"icon_size":16,"link_label":16,"headline_heading":197},"1f7a4845-55d4-4520-b973-efe814118e45",[169],{"_uid":170,"href":16,"color":171,"label":172,"action":173,"new_tab":174,"outline":56,"alignment":16,"component":175,"text_link":174,"destination":176},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","订阅","action-modal",false,"element-button",{"id":16,"url":177,"linktype":92,"fieldtype":178,"cached_url":177},"subscribe","multilink",{"type":24,"content":180},[181],{"type":39,"attrs":182,"content":183},{"textAlign":30},[184],{"text":185,"type":34},"一旦有新项目可用，我们会立即通知您。",{"type":24,"content":187},[188],{"type":39,"attrs":189,"content":190},{"textAlign":30},[191],{"text":192,"type":34},"成为第一个知道新项目的人",{"_uid":194,"title":16,"plugin":195,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":200,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":201,"copyright":16,"fieldtype":202,"meta_data":203,"is_external_url":174},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":205,"body":206,"alignment":54,"component":55,"is_full_width":56},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":207},[208],{"type":39,"attrs":209,"content":210},{"textAlign":30},[211,213,219],{"text":212,"type":34},"需要联系我们吗？请发送电子邮件至 ",{"text":214,"type":34,"marks":215},"labs@techsoft3d.com",[216],{"type":89,"attrs":217},{"href":214,"uuid":30,"anchor":30,"target":162,"linktype":218},"email",{"text":94,"type":34},"columns",{"id":177,"_uid":222,"items":223,"component":229},"ca556064-0fa5-4110-8395-86e3f005ea32",[224],{"id":225,"_uid":226,"component":227,"business_unit":228},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-25 00:00",[232],{"_uid":233,"source":234,"component":292},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":235,"created_at":236,"published_at":237,"updated_at":238,"id":239,"uuid":240,"content":241,"slug":283,"full_slug":284,"sort_by_date":30,"position":285,"tag_list":286,"is_startpage":174,"parent_id":287,"meta_data":30,"group_id":288,"first_published_at":289,"release_id":30,"lang":290,"path":30,"alternates":291,"default_full_slug":30,"translated_slugs":30,"_stopResolving":56},"Main Navigation","2025-04-09T14:04:01.876Z","2026-10-10T22:18:15.264Z","2026-10-10T22:18:15.279Z",27565407,"c5f4a23f-ca2c-41d7-946b-6822d34565a0",{"_uid":242,"items":243,"component":282},"8915070e-32eb-476d-b215-1c92ebdad15c",[244,264],{"_uid":245,"left_nav":16,"messages":246,"component":263,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[247,253,258],{"_uid":248,"icon":249,"link":250,"target":148,"message":251,"component":252},"1773ad80-3b42-4f4a-97eb-c9cd1258a7ed","cil:magnifying-glass","https://pages.techsoft3d.com/engineering-data-insights?utm_campaign=48796445-2026%20Build%20or%20Buy%20Research&utm_source=Website&utm_medium=Main%20Banner","最新研究：制造商如何满足对工程数据日益增长的需求","element-notice-child",{"_uid":254,"icon":255,"link":256,"target":148,"message":257,"component":252},"b4b88ef9-df13-42b9-8794-0acf2f43a408","hugeicons:calendar-04","https://pages.techsoft3d.com/get-the-most-out-of-your-cad-data-webinar","注册参加我们即将举行的网络研讨会：了解 VNTANA 如何通过 HOOPS Exchange 利用 CAD 数据",{"_uid":259,"icon":260,"link":261,"target":16,"message":262,"component":252},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","对我们的SDK或企业应用有疑问？与 Tech Soft 3D 专家沟通","element-notice",{"_uid":265,"menu":266,"component":281,"has_notice":56},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[267,272,275,278],{"url":268,"_uid":269,"label":270,"new_tab":174,"component":271},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","开发者SDK","top-menu-child",{"url":268,"_uid":273,"label":274,"new_tab":174,"component":271,"style_as_button":174},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","企业应用",{"url":268,"_uid":276,"label":277,"new_tab":174,"component":271,"style_as_button":174},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","公司",{"url":268,"_uid":279,"label":280,"new_tab":174,"component":271,"style_as_button":56},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","支持","top","global","main-navigation","zh/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","zh",[],"reference",{"type":24,"content":294},[295],{"type":39,"attrs":296,"content":297},{"textAlign":30},[298],{"text":299,"type":34},"这个演示是使用 HOOPS Visualize for Web（前称 HOOPS Communicator）构建的，允许您查看多个模型，以及每个模型中的图层、图纸和其他绘图属性。","2D DWG 绘图演示",[302,308,314],{"id":303,"alt":304,"name":16,"focus":16,"title":305,"source":16,"filename":306,"copyright":16,"fieldtype":202,"meta_data":307},159198093484907,"A 2D floorplan for the 2D DWG drawing demo","2D DWG Floorplan","https://a-us.storyblok.com/f/1023536/4500x3000/3564fe359e/2d-dwg-floorplan.jpg",{"alt":304,"title":305,"source":16,"copyright":16},{"id":309,"alt":310,"name":16,"focus":16,"title":311,"source":16,"filename":312,"copyright":16,"fieldtype":202,"meta_data":313},159198493684589,"A screenshot of a floorplan for the 2D DWG demo","2D DWG Floorplan 2","https://a-us.storyblok.com/f/1023536/4500x3000/c80cd5be32/2d-dwg-floorplan-2.jpg",{"alt":310,"title":311,"source":16,"copyright":16},{"id":315,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":316,"copyright":16,"fieldtype":202,"meta_data":317},159198801286000,"https://a-us.storyblok.com/f/1023536/4500x3000/ee3ec0923f/2d-dwg-floorplan-3.jpg",{},[319],"hoopsVisualize",{"_uid":321,"title":322,"plugin":195,"description":323},"9cdfddc5-3fef-4bd3-a5ef-25bceaaf65da","2D DWG 绘图演示 | Tech Soft 3D 实验室","此演示使用 HOOPS Visualize for Web 构建，允许您查看多个模型，以及每个模型中的图层、图纸和其他绘图属性。","lab",{"id":16,"url":326,"linktype":92,"fieldtype":178,"cached_url":326},"https://techsoft3d.github.io/2D-DWG-Drawing-Viewer/index.html?instance=HotelFloorplan&_gl=1*1jt0vmk*_gcl_aw*R0NMLjE3NzM0MjMzMjguQ2p3S0NBanc2ODdOQmhCNEVpd0FRNjQ1ZGdXcHBjWEFxLS1iY3VqSnBITlpFOHhYYUZrMDJERDRCNlA2VTgtOVVJSnpsRVJKaC1zcDV4b0NmZTRRQXZEX0J3RQ..*_gcl_au*MTg2OTY2NDcwMi4xNzcwNjc2MjUyLjg5NjcyNjQzMC4xNzc0Mjk1NzQwLjE3NzQyOTY4MDg.*_ga*NDE0MjI1MTQ3LjE3NTUxMDU4MDY.*_ga_CPK350S2W0*czE3NzQ1NDkxODkkbzIzMCRnMSR0MTc3NDU1MjE1OSRqNjAkbDAkaDE1NzkyNTA5OTQ.",{"id":309,"alt":310,"name":16,"focus":16,"title":311,"source":16,"filename":312,"copyright":16,"fieldtype":202,"meta_data":328,"is_external_url":174},{"alt":310,"title":311,"source":16,"copyright":16},{"id":16,"url":330,"linktype":92,"fieldtype":178,"cached_url":330},"https://github.com/techsoft3d/2D-DWG-Drawing-Viewer","星期日, 2023年6月25日",{"id":309,"alt":310,"name":16,"focus":16,"title":311,"source":16,"filename":312,"copyright":16,"fieldtype":202,"meta_data":333,"is_external_url":174},{"alt":310,"title":311,"source":16,"copyright":16},"2d-dwg-drawing-viewer-demo","zh/developers/labs/2d-dwg-drawing-viewer-demo",-260,[],99359039112762,"82d383d3-0e0d-4f7c-a77c-c1a1c32eacab","2026-04-03T18:44:10.751Z",[],1791995899,[344],{"name":235,"created_at":236,"published_at":237,"updated_at":238,"id":239,"uuid":240,"content":345,"slug":283,"full_slug":284,"sort_by_date":30,"position":285,"tag_list":358,"is_startpage":174,"parent_id":287,"meta_data":30,"group_id":288,"first_published_at":289,"release_id":30,"lang":290,"path":30,"alternates":359,"default_full_slug":30,"translated_slugs":30},{"_uid":242,"items":346,"component":282},[347,352],{"_uid":245,"left_nav":16,"messages":348,"component":263,"right_nav":16},[349,350,351],{"_uid":248,"icon":249,"link":250,"target":148,"message":251,"component":252},{"_uid":254,"icon":255,"link":256,"target":148,"message":257,"component":252},{"_uid":259,"icon":260,"link":261,"target":16,"message":262,"component":252},{"_uid":265,"menu":353,"component":281,"has_notice":56},[354,355,356,357],{"url":268,"_uid":269,"label":270,"new_tab":174,"component":271},{"url":268,"_uid":273,"label":274,"new_tab":174,"component":271,"style_as_button":174},{"url":268,"_uid":276,"label":277,"new_tab":174,"component":271,"style_as_button":174},{"url":268,"_uid":279,"label":280,"new_tab":174,"component":271,"style_as_button":56},[],[],[],{"cache-control":362,"connection":363,"content-encoding":364,"content-type":365,"date":366,"etag":367,"referrer-policy":368,"sb-be-version":369,"server":370,"strict-transport-security":371,"transfer-encoding":372,"vary":373,"via":374,"x-amz-cf-id":375,"x-amz-cf-pop":376,"x-cache":377,"x-content-type-options":378,"x-frame-options":379,"x-permitted-cross-domain-policies":380,"x-request-id":381,"x-runtime":382,"x-xss-protection":383},"max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Wed, 14 Oct 2026 17:02:44 GMT","W/\"04259f540846e9ee5dbe8d107fb7aeaf\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 dfefeb7bf78c4bb787739d020c642c14.cloudfront.net (CloudFront)","N4aKKLWXetqwSAPKte12kPDzj7iB1OOh3oW9giUJFce89jBrnipUuw==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","9faa2ed5-67e2-4332-9af7-cb943c483340","0.027357","0",1791997364575]