展示 HN:BraiNOTES,在浏览器标签上对讲座 PDF 进行手写笔记
手写笔记和一个在您的浏览器中运行的白板。用笔写字,将 PDF 保持在您的笔记旁边。立即尝试 → notes.swimmingbrain.dev BraiNOTES 是一个开源应用,用于手写,类似 OneNote 或 GoodNotes,但在浏览器标签中。它是为讲座而制作的:幻灯片在您的笔记旁边打开或成为您书写的页面。无需账户和服务器,一切保留在您的浏览器中。功能:圆珠笔、钢笔、记号笔、铅笔和高亮笔,带有笔压;在空白、带线、网格或虚线纸上创建笔记本,边缘无白板;在 PDF 上书写,或在一侧阅读并将其部分剪切到您的笔记中;图片、形状、文本、套索、橡皮擦和激光指示器;导出为 PDF,含原始页面和矢量墨水,或导出为 PNG 页面;.brainotes 文件用于备份笔记本或分享;自动保存,打开后可离线使用。快捷键:键盘快捷键及功能:P - 笔、荧光笔、橡皮擦、选择;S - 形状、文本、剪辑、激光;空格 - 按住手;Ctrl+Z - 撤消;Ctrl+Shift+Z - 重做;Ctrl+Enter - 新页面;PageDown - 下一页;PageUp - 上一页;Ctrl+1 - 笔记;Ctrl+2 - 学习;Ctrl+3 - 白板;Ctrl+Shift+F - 以全屏方式演示;Ctrl+K - 命令面板;? - 所有快捷键。运行本地 pnpm install;pnpm dev;打开 http://localhost:5173 。pnpm test 运行测试,pnpm check 进行类型检查,pnpm build 将静态站点写入 build/ 。如需帮助,请参阅 docs/CONTRIBUTING.md。工作原理:墨水绘制到缓存画布瓦片中,只有发生变化的瓦片才会重新绘制。笔划是完美自由手动作的轮廓,由点和笔压组成。笔尖移动的瞬间会绘制线条。一个一欧元的过滤器在您书写时平静摇晃的手,而当笔抬起时会运行轻微的调整。PDF 是由 pdf.js 在工作中绘制的,只有您看到的页面及其缩放级别。笔记本、页面和文件保存在 IndexedDB 中,每次更改后会瞬时保存。一个 .brainotes 文件是一个包含笔记本的压缩文件,每页一个 json 文件以及 PDF 和图片。PDF 导出将原始 PDF 页面放入文件中,墨迹覆盖在上面作为矢量。技术栈:库、框架、Svelte 5 + SvelteKit(静态适配器)、笔划完美自由手、阅读 PDF pdf.js、写入 PDF pdf-lib(pdfme 分支)、存储 IndexedDB 通过 idb、文件 fflate、browser-fs-access、语言 TypeScript、许可证 MIT,见 LICENSE 。这些库保持自己的许可证,第三方许可证列出它们。
本站免费、广告极少。如果觉得有帮助,可以请我们喝杯咖啡 —— 任何金额都对持续运营有实际帮助。
☕请我喝杯咖啡