https://github.com/DevsOnFlutter/path_animator

Flutter package to draw path with animation on canvas
https://github.com/DevsOnFlutter/path_animator

canvas dart flutter package path-animator plugin

Last synced: about 1 month ago
JSON representation

Flutter package to draw path with animation on canvas

• Host: GitHub
• URL: https://github.com/DevsOnFlutter/path_animator
• Owner: DevsOnFlutter
• License: bsd-3-clause
• Created: 2022-04-09T05:26:32.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-04-10T05:47:55.000Z (over 2 years ago)
• Last Synced: 2024-07-08T17:48:57.022Z (2 months ago)
• Topics: canvas, dart, flutter, package, path-animator, plugin
• Language: C++
• Homepage: https://pub.dev/packages/path_animator
• Size: 118 KB
• Stars: 28
• Watchers: 0
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        
# Path Animator

A flutter package to draw path with animation on canvas.

## Show some :heart: and :star: the repo

## Features

✅ Animated Path Drawing 

## Demo

||

|---|

## Getting started

Include plugin to your project

```yml

dependencies:

  path_animator: 

```

Run `pub get` and get packages.

### Build Animated Path

The `build` function creates animated path and returns it.

```dart

final animatedPath = PathAnimator.build(

    path: path,

    animationPercent: controller.value,

);

```

The returned animated path is then used to draw the path on the canvas.

```dart

canvas.drawPath(animatedPath, paint);

```

## Example

Go to example section in pub.dev to see the full example code.

In GitHub, head over to `example/lib/main.dart` to see the full example code.

## Project Created & Maintained By

### Divyanshu Shekhar

  

[![GitHub followers](https://img.shields.io/github/followers/divshekhar.svg?style=social&label=Follow)](https://github.com/divshekhar/)

## Contributions

Contributions are welcomed!

**If you feel that a hook is missing, feel free to open a pull-request.**

For a custom-hook to be merged, you will need to do the following:

* Describe the use-case.

* Open an issue explaining why we need this hook, how to use it, ...

  This is important as a hook will not get merged if the hook doens't appeal to

  a large number of people.

* If your hook is rejected, don't worry! A rejection doesn't mean that it won't

  be merged later in the future if more people shows an interest in it.

  In the mean-time, feel free to publish your hook as a package on [https://pub.dev](https://pub.dev).

* A hook will not be merged unles fully tested, to avoid breaking it inadvertendly in the future.

  

## Stargazers

[![Stargazers repo roster for @DevsOnFlutter/path_animator](https://reporoster.com/stars/dark/DevsOnFlutter/path_animator)](https://github.com/DevsOnFlutter/path_animator/stargazers)

## Forkers

[![Forkers repo roster for @DevsOnFlutter/path_animator](https://reporoster.com/forks/dark/DevsOnFlutter/path_animator)](https://github.com/DevsOnFlutter/path_animator/network/members)

## Copyright & License

Code and documentation Copyright (c) 2021 [DevsOnFlutter](https://github.com/DevsOnFlutter). Code released under the [BSD 3-Clause License](./LICENSE).