Feedback
👉 Click anywhere on the page to start.
  • Press and hold to start a cut
  • Drag to define your cutting path
  • Only one cutting path can exist at a time
  • You can continue a path if you start from one of its ends
  • A cut completes only if the path intersects itself or touches the paper edge
  • Scroll to zoom in and out
  • Double click to exit interaction mode (regain mouse control)

Keyboard Shortcuts

View

  • H: Toggle help panel visibility
  • M: Toggle menu visibility
  • F: Toggle fullscreen
  • A: Toggle cutting aim visibility
  • S: Toggle scissors visibility/designs

Edit

  • ←: Rotate counterclockwise
  • →: Rotate clockwise
  • ↑: Flip horizontally
  • ↓: Flip vertically
  • Z: Undo
  • Shift+Z: Redo
  • ✂️ After a successful cut, the algorithm keeps one piece. If it’s not what you expected, use Undo and then click the piece you want to discard.

Reference Image

  • C: Capture still from webcam
        📸 First time may ask for camera permission and take a few seconds to load
  • Space: Toggle reference image visibility

Export & Loading

  • S: Export current papercut as JSON
  • E: Export current papercut as SVG
  • O: Export current papercut as PNG
  • B: Export current papercut as MP4
  • P: Export current papercut as Template

Presets

  • 0: Load saved papercut from local storage
  • 1–7: Load preset paper shapes
  • 8: Load “春” papercut
  • 9: Load “artist's portrait” papercut

💡 You can also drag and drop a previously exported JSON file to load a design, or an image file to use as an overlay — both will be stored in your browser’s local storage for later use.

👉 点击页面任意位置以开始剪纸。
  • 按住鼠标开始剪切
  • 拖拽鼠标以定义剪切路径
  • 每次只能存在一条剪切路径
  • 如果从已有路径的端点开始,可以继续延伸
  • 剪纸只有在路径形成闭环或触碰到纸张边缘时才算完成
  • 滚动鼠标可以缩放视图
  • 双击退出交互模式(恢复鼠标控制)

键盘快捷键

视图

  • H:显示/隐藏帮助面板
  • M:显示/隐藏菜单
  • F:切换全屏模式
  • A:显示/隐藏剪切点
  • S:切换/隐藏剪刀

编辑

  • ←:逆时针旋转
  • →:顺时针旋转
  • ↑:水平翻转
  • ↓:垂直翻转
  • Z:撤销
  • Shift+Z:重做
  • ✂️ 成功切割后,算法会保留其中一块。如果不是你想保留的部分,可以使用撤销,然后点击你想要丢弃的那块。

参考图

  • C:由摄像头拍摄照片
        📸 第一次使用时可能会请求摄像头权限,并需要几秒钟加载
  • Space:显示/隐藏参考图

导出与加载

  • S:将当前剪纸导出为 JSON
  • E:将当前剪纸导出为 SVG
  • O:将当前剪纸导出为 PNG
  • B:将当前剪纸导出为 MP4
  • P:将当前剪纸导出为图样

预设

  • 0:从本地存储加载已保存的设计
  • 1–7:加载预设的纸张形状
  • 8:加载“春”字剪纸
  • 9:加载“艺术家的肖像”剪纸

💡 你也可以拖拽一个之前导出的 JSON 文件以加载该剪纸,或拖拽一张图片作为参考图 —— 两者都会被存储在你的浏览器本地,供以后使用。

👉 點擊頁面任意位置以開始剪紙。
  • 按住滑鼠開始剪切
  • 拖曳滑鼠以定義剪切路徑
  • 每次只能存在一條剪切路徑
  • 如果從已有路徑的端點開始,可以繼續延伸
  • 剪紙只有在路徑形成閉環或觸碰到紙張邊緣時才算完成
  • 滾動滑鼠可以縮放視圖
  • 雙擊退出互動模式(恢復滑鼠控制)

鍵盤快捷鍵

視圖

  • H:顯示/隱藏說明面板
  • M:顯示/隱藏選單
  • F:切換全螢幕模式
  • A:顯示/隱藏剪切瞄準點
  • S:切換/隱藏剪刀

編輯

  • ←:逆時針旋轉
  • →:順時針旋轉
  • ↑:水平翻轉
  • ↓:垂直翻轉
  • Z:復原
  • Shift+Z:重做
  • ✂️ 成功剪切後,系統會保留其中一塊。如果不是你想保留的部分,可以使用復原,然後點擊你想捨棄的那塊。

參考圖

  • C:由攝影機拍攝參考圖
        📸 第一次使用時可能會要求攝影機權限,並需要幾秒鐘加載
  • Space:切換參考圖顯示

匯出與載入

  • S:將當前剪紙匯出為 JSON
  • E:將當前剪紙匯出為 SVG
  • O:將當前剪紙匯出為 PNG
  • B:將當前剪紙匯出為 MP4
  • P:將當前剪紙匯出為圖樣

預設樣式

  • 0:從本機儲存載入已儲存的剪紙
  • 1–7:載入預設紙張形狀
  • 8:載入「春」字剪紙
  • 9:載入「藝術家肖像」剪紙

💡 你也可以拖曳之前匯出的 JSON 檔案來載入剪紙設計,或拖曳一張圖片作為參考圖 —— 兩者都會被儲存在瀏覽器的本機儲存中,以便日後使用。

PAPERCUTTING.art by Jack B. Du ❤️ Learn More