Show HN：Canaster 是一个基于 Canvas 的可视化工作区
2 分•作者: shardullavekar•大约 1 个月前
Canaster 是一个基于 Canvas 的可视化工作空间（可以想象成一个高性能的层级式 Miro 画板）。
我一直有一个关于工作空间的设想，希望能够在一个可视化的层级结构中放置我的各种文档，包括 PDF、Markdown、表格和待办事项列表。
我最初尝试了基于 DOM 的方法，但很快就遇到了交互响应性的瓶颈。于是我用 WebGL 重写了它，并将保持 120+ FPS 的渲染作为首要目标（你可以通过点击右下角的 (i) 图标来查看 FPS 数字，旁边的按钮用于重调/重新排列面板）。
你可以直接拖放 PDF/Markdown 文件并进行组织。Canvas 中的每个“面板”都可以最大化以便交互，并且可以通过双击进行内联编辑。你还可以嵌入其他允许嵌入的网站。
工作簿可以是私有的或公开的。这里有一些我创建的演示文档：
[https://canaster.in/d/naruto-casefiles/how-come-these-three-kept-getting-missions](https://canaster.in/d/naruto-casefiles/how-come-these-three-kept-getting-missions)
[https://canaster.in/d/admin/thirty-six-views-one-mountain--019febb6-7e1c-7dec-a30a-0b9c8d894028](https://canaster.in/d/admin/thirty-six-views-one-mountain--019febb6-7e1c-7dec-a30a-0b9c8d894028)
（附注：文档中可能包含原始图片，这些图片可能很大，并且由于服务器位于单一地点，加载速度可能会因您的地理位置而异。）
我还在添加更多功能，例如将邮件发送到工作簿（每个账户都会获得一个 @canaster.in 的邮箱地址），以及连接面板（这方面我还没有创建很好的演示）。
你可以切换深色/浅色主题，还可以为面板/Canvas 背景设置图片（使用 Cmd/Ctrl + K 打开命令菜单）。Canaster 也针对移动设备进行了优化。
[https://x.com/phparth/status/2077397341674627470](https://x.com/phparth/status/2077397341674627470) （这是开发早期的一个屏幕录像）
查看原文
Canaster is a canvas based visual workspace (think high performance hierarchical miro board).<p>I had a particular vision for workspace I wanted where I can put my documents including pdfs/markdowns/tables/checklists in a visual hierarichal workspace.<p>I started with a DOM based approach but that quickly hit its limits of responsiveness in terms on interaction, so i built this one with webgl and my main priority was a consistent 120+ fps rendering (you can see the fps number by clicking the (i) icon in the bottom right, the other buttons there are for refit/rearrange panels).<p>You can drop pdfs/markdown files as it is organize them. Each 'panel' can the canvas can be maximised to interact with it and can inline edit with double clicking. You can also embed other websites (the ones which allow it)<p>Workbooks can be private or public. Here are a bunch of documents I have created as a demo<p><a href="https://canaster.in/d/naruto-casefiles/how-come-these-three-kept-getting-missions" rel="nofollow">https://canaster.in/d/naruto-casefiles/how-come-these-three-...</a>
<a href="https://canaster.in/d/admin/thirty-six-views-one-mountain--019febb6-7e1c-7dec-a30a-0b9c8d894028" rel="nofollow">https://canaster.in/d/admin/thirty-six-views-one-mountain--0...</a><p>(ps, documents have original images which can be large and depending on your location might be slow to load since its running on a single server in 1 location)<p>there are more things I am adding like email to a workbook (each account gets their own email account @canaster.in) and can connect panes to each other (have not created a good demo for it yet)<p>you can switch dark/light theme, and can set image for the panel/canvas background as well (cmd/ctrl + k to bring up the command menu). canaster is optimized for usage on mobile as well.<p><a href="https://x.com/phparth/status/2077397341674627470" rel="nofollow">https://x.com/phparth/status/2077397341674627470</a> (a screen recording from past when it was in dev)