https://github.com/letyletylety/easel

The CustomPaint in declarative way
https://github.com/letyletylety/easel

canvas custompaint custompainter dart declarative flutter ui

Last synced: 4 months ago
JSON representation

The CustomPaint in declarative way

• Host: GitHub
• URL: https://github.com/letyletylety/easel
• Owner: letyletylety
• License: gpl-3.0
• Created: 2022-06-13T15:42:53.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-10-03T10:15:40.000Z (over 3 years ago)
• Last Synced: 2025-04-13T03:50:14.655Z (about 1 year ago)
• Topics: canvas, custompaint, custompainter, dart, declarative, flutter, ui
• Language: Dart
• Homepage:
• Size: 375 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# easel

The CustomPaint in declarative way

![Circle example](https://i.ibb.co/BPk0tmQ/circle-example.png)

```dart

Easel(

    width: 400,

    height: 400,

    components: [

        ...coordLines(400, 400),

        Circle(Point(100, 100), 100),

        Circle.xyr(-100, -100, 50, color: Colors.lightBlue)

    ],

),

```

## How to use?

see [Examples](https://letyletylety.gitlab.io/easel_by_example/)

## TODOs

- [ ] text

- [ ] 3D scene

- [ ] gesture detecting

- [ ] animation

## How to add new drawable?

---

### for contributor & maintainer

1. create new drawable class in the **/src/drawable directory**

2. create draw method in **[Easel]** class

3. update **[drawAll]** method in **[Easel]** class

4. make example in **example/artworks** directory

---

### for maintainer (after Task 1~4 done)

5. update pageOrder and router in **[index.dart]**