无需登录 数据私有 本地保存

画布笔记本 - 手绘涂鸦与Markdown混合记录

14
0
0
0
粗细 3px
在画布上拖动绘制 · 滚轮或触摸可操作 · Ctrl+Z 撤销 Ctrl+Y 重做

在编辑区输入内容后切换到此查看预览...

常见问题与使用技巧

默认选中画笔工具，直接在画布上按住鼠标左键（或手指触摸）拖动即可绘制。您可以在工具栏中调整画笔颜色和粗细（1-40px），实时预览笔刷大小。支持多种预设颜色和自定义颜色选择器，满足不同绘图需求。

点击文字工具（或按T键），画布上方会出现文字输入栏。输入文字、选择字号和样式后，点击画布即可将文字放置到指定位置。右侧Markdown编辑器中的内容可通过"插入到画布"按钮一键转为文字块，点击画布放置，实现手绘与文字笔记的混合记录。

支持常用Markdown语法：标题（# ~ ######）、粗体（**文字**）、斜体（*文字*）、代码（`代码`）、代码块（```）、无序列表（- 或 *）、有序列表（1.）、引用（>）、分隔线（---）等。点击预览标签即可实时查看渲染效果，所见即所得。

点击工具栏的撤销/重做按钮，或使用快捷键Ctrl+Z（撤销）和Ctrl+Y（重做）。系统最多保留50步历史记录，超出后最早的记录会被自动清除。每次笔画结束（松开鼠标/手指）或文字放置时自动保存快照，确保操作可追溯。

点击导出按钮（下载图标），画布内容将以PNG格式高清导出。导出时会自动使用设备像素比（DPR）确保Retina屏幕下的清晰度。文件名包含时间戳，方便归档管理。注意：导出仅包含画布上的手绘和文字内容，Markdown编辑区的文字请单独复制保存。

完全支持移动端和平板设备。页面采用响应式设计，在小屏幕设备上画布和Markdown面板会自动上下堆叠。支持触摸绘制（手指或触控笔），已禁用画布区域的浏览器默认手势（如缩放、滚动），确保流畅的绘图体验。推荐在平板配合触控笔使用，获得最佳手绘效果。

画布数据存储在浏览器内存中，刷新页面或关闭标签页后数据会丢失。建议定期使用导出功能保存为PNG图片到本地。Markdown笔记内容也请及时复制保存。未来版本可能加入本地存储（LocalStorage）自动保存功能，敬请期待。

切换到橡皮擦模式（或按E键），光标会变为虚线圆圈指示器。在画布上拖动即可擦除内容。橡皮擦使用destination-out合成模式，擦除效果为透明（显示白色背景）。橡皮擦大小同样可通过粗细滑块调节，建议使用较大尺寸（15-30px）获得更好的擦除效率。
🔧 相关工具