[{"data":1,"prerenderedAt":450},["ShallowReactive",2],{"{\"language\":\"zh\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/digital-whiteboard":3},{"data":4,"headers":427},{"story":5,"cv":408,"rels":409,"links":426},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":400,"full_slug":401,"sort_by_date":30,"position":402,"tag_list":403,"is_startpage":244,"parent_id":404,"meta_data":30,"group_id":405,"first_published_at":406,"release_id":30,"lang":360,"path":30,"alternates":407,"default_full_slug":30,"translated_slugs":30},"Digital Whiteboard","2026-03-25T17:57:04.735Z","2026-10-10T22:15:00.266Z","2026-10-10T22:15:00.316Z",158809394160810,"ab59c286-edfd-4be5-b7ea-d6fb1984a166",{"_uid":13,"body":14,"date":300,"fold":301,"intro":363,"title":370,"gallery":371,"category":384,"metadata":387,"component":391,"demo_link":392,"thumbnail":394,"github_link":396,"last_updated":397,"open_graph_image":398,"include_open_graph":46,"block_search_engines":244},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,291],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":290,"remove_padding":46},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,47,51,93,125,199,233,274],{"_uid":22,"body":23,"alignment":44,"component":45,"is_full_width":46},"eaf1cee4-00f1-47d0-b05c-869d32df7dcc",{"type":24,"content":25},"doc",[26,38],{"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},"数字白板在许多公司中被越来越多地用于勾画想法并帮助协作，特别是对于分布在不同地点的团队。由于全球疫情迫使许多员工远程工作，它们变得更加重要。此演示将二维数字白板的概念与三维结合起来，使用户能够将实际的机械或建筑 CAD 数据与文本、图像、PDF 和其他元素放在一起。","align-left","copy",true,{"_uid":48,"code":49,"component":50},"341b0037-f278-4683-a306-78c4c3c5d412","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/gn3hmigfOSE?si=b9jX09me2wh6mG7u\" 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":52,"body":53,"alignment":44,"component":45,"is_full_width":46},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":54},[55,62,88],{"type":27,"attrs":56,"content":57},{"level":29,"textAlign":30},[58],{"text":59,"type":34,"marks":60},"技术细节",[61],{"type":37},{"type":39,"attrs":63,"content":64},{"textAlign":30},[65,67,77,79,86],{"text":66,"type":34},"演示使用了 ",{"text":68,"type":34,"marks":69},"HOOPS Exchange",[70],{"type":71,"attrs":72},"link",{"href":73,"uuid":74,"anchor":30,"target":75,"linktype":76},"/developers/products/hoops-exchange","6bb4085d-b926-4852-81a8-7a02c45f5abc","_self","story",{"text":78,"type":34}," 和 ",{"text":80,"type":34,"marks":81},"HOOPS Visualize",[82],{"type":71,"attrs":83},{"href":84,"uuid":85,"anchor":30,"target":75,"linktype":76},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d",{"text":87,"type":34}," 来导入和渲染复杂的 3D 模型，并使用 HTML 画布元素显示白板本身。当某个模型被停用时，它会被转换为画布图像。这可以节省资源，因为每次只有一个 3D Web 查看器处于活动状态。每个 3D 模型都在客户端进行缓存，确保一旦模型加载完毕，它能够快速重新激活。",{"type":39,"attrs":89,"content":90},{"textAlign":30},[91],{"text":92,"type":34},"为了简化，此演示没有后端。所有元素，包括 3D 模型，都是通过 HTML 请求加载的。可以轻松实现一个后端，以允许多用户交互，以及保存和加载白板配置。",{"_uid":94,"body":95,"alignment":44,"component":45,"is_full_width":46},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":96},[97,103,112,117],{"type":27,"attrs":98,"content":100},{"level":99,"textAlign":30},3,[101],{"text":102,"type":34},"实时应用程序：",{"type":39,"attrs":104,"content":105},{"textAlign":30},[106],{"text":107,"type":34,"marks":108},"https://techsoft3d.github.io/HC_WhiteboardDemo/",[109],{"type":71,"attrs":110},{"href":107,"uuid":30,"anchor":30,"target":30,"linktype":111},"url",{"type":27,"attrs":113,"content":114},{"level":99,"textAlign":30},[115],{"text":116,"type":34},"GitHub 仓库：",{"type":39,"attrs":118,"content":119},{"textAlign":30},[120],{"text":121,"type":34,"marks":122},"https://github.com/techsoft3d/HC_WhiteboardDemo",[123],{"type":71,"attrs":124},{"href":121,"uuid":30,"anchor":30,"target":30,"linktype":111},{"_uid":126,"body":127,"alignment":44,"component":45,"is_full_width":46},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":128},[129,140],{"type":27,"attrs":130,"content":131},{"level":29,"textAlign":30},[132,134],{"text":133,"type":34},"了解更多关于 ",{"text":135,"type":34,"marks":136},"用于 Web 的 HOOPS Visualize（前称 HOOPS Communicator）",[137],{"type":71,"attrs":138},{"href":139,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://www.techsoft3d.com/products/hoops/communicator",{"type":141,"content":142},"bullet_list",[143,159,173,186],{"type":144,"content":145},"list_item",[146],{"type":39,"attrs":147,"content":148},{"textAlign":30},[149,151,157],{"text":150,"type":34},"参考用于 Web 的 HOOPS Visualize（前称 HOOPS Communicator） ",{"text":152,"type":34,"marks":153},"文档",[154],{"type":71,"attrs":155},{"href":156,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://docs.techsoft3d.com/communicator/latest/",{"text":158,"type":34},"。",{"type":144,"content":160},[161],{"type":39,"attrs":162,"content":163},{"textAlign":30},[164,166,172],{"text":165,"type":34},"注册一个免费的 ",{"text":167,"type":34,"marks":168},"评估",[169],{"type":71,"attrs":170},{"href":171,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://manage.techsoft3d.com/signup?product=communicator",{"text":158,"type":34},{"type":144,"content":174},[175],{"type":39,"attrs":176,"content":177},{"textAlign":30},[178,180],{"text":179,"type":34},"直接进入编码，使用 ",{"text":181,"type":34,"marks":182},"3D Sandbox",[183],{"type":71,"attrs":184},{"href":185,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://3dsandbox.techsoft3d.com/",{"type":144,"content":187},[188],{"type":39,"attrs":189,"content":190},{"textAlign":30},[191,193],{"text":192,"type":34},"加入我们的 ",{"text":194,"type":34,"marks":195},"社区论坛",[196],{"type":71,"attrs":197},{"href":198,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://forum.techsoft3d.com/",{"_uid":200,"body":201,"alignment":44,"component":45,"is_full_width":46},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":202},[203,210,222],{"type":27,"attrs":204,"content":205},{"level":29,"textAlign":30},[206],{"text":207,"type":34,"marks":208},"问题或反馈？",[209],{"type":37},{"type":39,"attrs":211,"content":212},{"textAlign":30},[213,215,221],{"text":214,"type":34},"我们正在寻找反馈意见，以及如何改进这个工具包以满足您的需求！请在我们的 ",{"text":216,"type":34,"marks":217},"论坛",[218],{"type":71,"attrs":219},{"href":198,"uuid":30,"anchor":30,"target":220,"linktype":111},"_blank",{"text":158,"type":34},{"type":39,"attrs":223,"content":224},{"textAlign":30},[225,227],{"text":226,"type":34},"您还可以注册一个为期 60 天的试用 ",{"text":228,"type":34,"marks":229},"HOOPS Visualize. ",[230],{"type":71,"attrs":231},{"href":232,"uuid":30,"anchor":30,"target":75,"linktype":111},"https://developer.techsoft3d.com/hoops/visualize",{"_uid":234,"messages":235,"component":268,"background":269,"remove_padding":46,"is_verticalized":244},"2517b691-8590-46b2-b1a0-c989536a3b36",[236],{"_uid":237,"icon":16,"buttons":238,"content":249,"headline":256,"link_url":16,"metadata":263,"component":266,"icon_size":16,"link_label":16,"headline_heading":267},"1f7a4845-55d4-4520-b973-efe814118e45",[239],{"_uid":240,"href":16,"color":241,"label":242,"action":243,"new_tab":244,"outline":46,"alignment":16,"component":245,"text_link":244,"destination":246},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","订阅","action-modal",false,"element-button",{"id":16,"url":247,"linktype":111,"fieldtype":248,"cached_url":247},"subscribe","multilink",{"type":24,"content":250},[251],{"type":39,"attrs":252,"content":253},{"textAlign":30},[254],{"text":255,"type":34},"一旦有新项目可用，我们会立即通知您。",{"type":24,"content":257},[258],{"type":39,"attrs":259,"content":260},{"textAlign":30},[261],{"text":262,"type":34},"抢先了解新项目",{"_uid":264,"title":16,"plugin":265,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":270,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":271,"copyright":16,"fieldtype":272,"meta_data":273,"is_external_url":244},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":275,"body":276,"alignment":44,"component":45,"is_full_width":46},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":277},[278],{"type":39,"attrs":279,"content":280},{"textAlign":30},[281,283,289],{"text":282,"type":34},"需要联系我们？ 发送电子邮件至 ",{"text":284,"type":34,"marks":285},"labs@techsoft3d.com",[286],{"type":71,"attrs":287},{"href":284,"uuid":30,"anchor":30,"target":75,"linktype":288},"email",{"text":158,"type":34},"columns",{"id":247,"_uid":292,"items":293,"component":299},"ca556064-0fa5-4110-8395-86e3f005ea32",[294],{"id":295,"_uid":296,"component":297,"business_unit":298},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2021-04-25 00:00",[302],{"_uid":303,"source":304,"component":362},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":305,"created_at":306,"published_at":307,"updated_at":308,"id":309,"uuid":310,"content":311,"slug":353,"full_slug":354,"sort_by_date":30,"position":355,"tag_list":356,"is_startpage":244,"parent_id":357,"meta_data":30,"group_id":358,"first_published_at":359,"release_id":30,"lang":360,"path":30,"alternates":361,"default_full_slug":30,"translated_slugs":30,"_stopResolving":46},"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":312,"items":313,"component":352},"8915070e-32eb-476d-b215-1c92ebdad15c",[314,334],{"_uid":315,"left_nav":16,"messages":316,"component":333,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[317,323,328],{"_uid":318,"icon":319,"link":320,"target":220,"message":321,"component":322},"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":324,"icon":325,"link":326,"target":220,"message":327,"component":322},"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":329,"icon":330,"link":331,"target":16,"message":332,"component":322},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","对我们的SDK或企业应用有疑问？与 Tech Soft 3D 专家沟通","element-notice",{"_uid":335,"menu":336,"component":351,"has_notice":46},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[337,342,345,348],{"url":338,"_uid":339,"label":340,"new_tab":244,"component":341},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","开发者SDK","top-menu-child",{"url":338,"_uid":343,"label":344,"new_tab":244,"component":341,"style_as_button":244},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","企业应用",{"url":338,"_uid":346,"label":347,"new_tab":244,"component":341,"style_as_button":244},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","公司",{"url":338,"_uid":349,"label":350,"new_tab":244,"component":341,"style_as_button":46},"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":364},[365],{"type":39,"attrs":366,"content":367},{"textAlign":30},[368],{"text":369,"type":34},"此演示将二维数字白板的概念与三维结合起来，使用户能够将实际的机械或建筑 CAD 数据与文本、图像、PDF 和其他元素放在一起。 ","数字白板演示",[372,378],{"id":373,"alt":374,"name":16,"focus":16,"title":375,"source":16,"filename":376,"copyright":16,"fieldtype":272,"meta_data":377},158822717636279,"A 3D model overlayed on a 2D background","Digital Whiteboard Overlay","https://a-us.storyblok.com/f/1023536/1917x966/e63476b948/digital-whiteboard-overlay.jpg",{"alt":374,"title":375,"source":16,"copyright":16},{"id":379,"alt":380,"name":16,"focus":16,"title":381,"source":16,"filename":382,"copyright":16,"fieldtype":272,"meta_data":383},158823561313993,"Collection of different 3D scene views for the digital whiteboard demo","Digital Whiteboard Multi-View","https://a-us.storyblok.com/f/1023536/1919x1040/42e30d59a7/digital-whiteboard-multi-view.jpg",{"alt":380,"title":381,"source":16,"copyright":16},[385,386],"hoopsExchange","hoopsVisualize",{"_uid":388,"title":389,"plugin":265,"description":390},"9bf3a3fc-8624-4854-b948-cced8ffb5ed8","数字白板 | Tech Soft 3D 实验室","此演示将二维数字白板的概念与三维结合，允许用户将实际的机械或建筑 CAD 数据与文本、图像、PDF 和其他元素放在一起。 ","lab",{"id":16,"url":393,"linktype":111,"fieldtype":248,"cached_url":393},"https://techsoft3d.github.io/HC_WhiteboardDemo/?_gl=1*i9rpaz*_gcl_aw*R0NMLjE3NzM0MjMzMjguQ2p3S0NBanc2ODdOQmhCNEVpd0FRNjQ1ZGdXcHBjWEFxLS1iY3VqSnBITlpFOHhYYUZrMDJERDRCNlA2VTgtOVVJSnpsRVJKaC1zcDV4b0NmZTRRQXZEX0J3RQ..*_gcl_au*MTg2OTY2NDcwMi4xNzcwNjc2MjUyLjg5NjcyNjQzMC4xNzc0Mjk1NzQwLjE3NzQyOTY4MDg.*_ga*NDE0MjI1MTQ3LjE3NTUxMDU4MDY.*_ga_CPK350S2W0*czE3NzQ0NjA3MTIkbzIyMyRnMSR0MTc3NDQ2MTg4NCRqNDIkbDAkaDQ0NDYyNzExNw..",{"id":373,"alt":374,"name":16,"focus":16,"title":375,"source":16,"filename":376,"copyright":16,"fieldtype":272,"meta_data":395,"is_external_url":244},{"alt":374,"title":375,"source":16,"copyright":16},{"id":16,"url":121,"linktype":111,"fieldtype":248,"cached_url":121},"星期日, 2021年4月25日",{"id":373,"alt":374,"name":16,"focus":16,"title":375,"source":16,"filename":376,"copyright":16,"fieldtype":272,"meta_data":399,"is_external_url":244},{"alt":374,"title":375,"source":16,"copyright":16},"digital-whiteboard","zh/developers/labs/digital-whiteboard",-150,[],99359039112762,"ba56cb9a-6249-413c-8e9d-36e06166ce7a","2026-04-03T18:44:13.443Z",[],1791995899,[410],{"name":305,"created_at":306,"published_at":307,"updated_at":308,"id":309,"uuid":310,"content":411,"slug":353,"full_slug":354,"sort_by_date":30,"position":355,"tag_list":424,"is_startpage":244,"parent_id":357,"meta_data":30,"group_id":358,"first_published_at":359,"release_id":30,"lang":360,"path":30,"alternates":425,"default_full_slug":30,"translated_slugs":30},{"_uid":312,"items":412,"component":352},[413,418],{"_uid":315,"left_nav":16,"messages":414,"component":333,"right_nav":16},[415,416,417],{"_uid":318,"icon":319,"link":320,"target":220,"message":321,"component":322},{"_uid":324,"icon":325,"link":326,"target":220,"message":327,"component":322},{"_uid":329,"icon":330,"link":331,"target":16,"message":332,"component":322},{"_uid":335,"menu":419,"component":351,"has_notice":46},[420,421,422,423],{"url":338,"_uid":339,"label":340,"new_tab":244,"component":341},{"url":338,"_uid":343,"label":344,"new_tab":244,"component":341,"style_as_button":244},{"url":338,"_uid":346,"label":347,"new_tab":244,"component":341,"style_as_button":244},{"url":338,"_uid":349,"label":350,"new_tab":244,"component":341,"style_as_button":46},[],[],[],{"cache-control":428,"connection":429,"content-encoding":430,"content-type":431,"date":432,"etag":433,"referrer-policy":434,"sb-be-version":435,"server":436,"strict-transport-security":437,"transfer-encoding":438,"vary":439,"via":440,"x-amz-cf-id":441,"x-amz-cf-pop":442,"x-cache":443,"x-content-type-options":444,"x-frame-options":445,"x-permitted-cross-domain-policies":446,"x-request-id":447,"x-runtime":448,"x-xss-protection":449},"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:50 GMT","W/\"eb69bc2ad9dee6220655c986f47cb813\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 79474acb663c3d44e0e59cf40b4b47c0.cloudfront.net (CloudFront)","Gr7xvSnGurwHOZkCxaHNSG7xp3_PtEI9omwOtcpUnC5wlMabF85NhA==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","5bbbb2aa-c6c5-46de-b9b9-a691f78bfbe8","0.047790","0",1791997370503]