搜尋套件、儲存庫與 APP 分類

story_painter 封面
套件詳情v0.0.4

story_painter

此套件提供類似於 Instagram 故事編輯器的繪圖體驗。

近 30 天下載
40
喜歡數
26
Pub 分數
50

安裝套件

flutter pub add story_painter

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

StoryPainter 是一個 Flutter 套件,讓使用者能夠創造類似於 Instagram 故事編輯器的繪圖體驗。它提供直覺的工具,可在畫布上進行素描、上色以及加入創意元素。設計時著重於簡潔與效能,支援觸控輸入、可自訂筆刷與圖層管理。非常適合需要表達性繪圖功能的應用程式,例如社群媒體故事、數位藝術或筆記應用。此套件可輕鬆整合至 Flutter 專案中,並由發布者持續維護。

適用情境

  • 建立互動式故事板
  • 設計數位草圖
  • 向圖像添加註釋
  • 構建創意內容工具
  • 啟用使用者產生的藝術作品

主要特色

  • 基於觸控的繪圖介面
  • 可自訂的筆刷設定
  • 圖層支援繪圖
  • 即時渲染
  • 與 Flutter 應用的簡單整合

適合對象

  • 社群媒體應用開發者
  • 數位藝術家
  • 教育類應用開發者
  • 筆記應用建構器
  • 創意工具設計師

使用建議

  • 有限的平台特定優化
  • 無內建匯出功能
  • 需要手動處理狀態持久化
  • 可能需要額外的樣式以保持UI一致性
  • 依賴於 GitHub 倉儲的外部維護

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

story_painter

This package provides drawing experince like in story editor of Instagram.

story_painter is a modified version of the hand_signature.

Check out fast_color_picker from here.

Usage

Initialize the controller

StoryPainterControl painterControl = StoryPainterControl(
    type: PainterDrawType.shape,
    threshold: 3.0,
    smoothRatio: 0.65,
    velocityRange: 2.0,
    color: Colors.white,
    width: 8,
    onDrawStart: () {},
    onDrawEnd: () {},
);

Build StoryPainter with controller

StoryPainter(control: painterControl)

Change brush specs while drawing

painterControl.setColor(Colors.red);
painterControl.setWidth(24.0);

Export the image

ui.Image image = await painterControl.toImage(pixelRatio: 3.0);

Display or use the output

// Convert the data
ByteData byteData = await image.toByteData(format: ui.ImageByteFormat.png);
Uint8List pngBytes = byteData.buffer.asUint8List();

// Display with memory image
Image.memory(pngBytes)

所屬分類

依賴

依賴清單 1 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。