draw_on_path 0.0.2 copy "draw_on_path: ^0.0.2" to clipboard
draw_on_path: ^0.0.2 copied to clipboard

A Flutter package that is used to draw text or patterm along the given path.

Draw on Path #

A Flutter package that is used to draw text or patterm along the given path.

Features #

  • Draw text along path
  • Draw pattern along path
  • Support non-continuous path

Demo Video: https://youtu.be/TZAKSanD73k

Showcase #

Usage #

  • drawTextOnPath function is used to draw text along path.

    canvas.drawTextOnPath(text, path);
    
    copied to clipboard
  • drawOnPath function is used to draw pattern along path. index can be used to draw different element at different position based on some logic. Use canvas to draw anything at position. The next position is calculated based on spacing provided.

    spacing should be greater than 0. Ideally spacing is the sum of one element width and spacing between two elements (spacing between starting points of two consecutive elements)

    canvas.drawOnPath(
        path,
        (int index, Canvas canvas, Offset position) {
          canvas.drawRect(
            Rect.fromCircle(center: position.translate(0, -16), radius: 16),
            Paint()
              ..color = Colors.white38
              ..strokeWidth = 2.0
              ..style = PaintingStyle.stroke,
          );
        },
        spacing: 70,
      );
    
    copied to clipboard
  • Note: If the text (for given textStyle) is larger than the path, then it will clip extra text.

Contributing #

1. Fork it (<https://github.com/himanshugarg08/draw_on_path/fork>)
2. Create your feature branch (`git checkout -b feature/fooBar`)
3. Commit your changes (`git commit -am 'Add some fooBar'`)
4. Push to the branch (`git push origin feature/fooBar`)
5. Create a new Pull Request
copied to clipboard
42
likes
160
points
367
downloads

Publisher

unverified uploader

Weekly Downloads

2024.07.06 - 2025.01.18

A Flutter package that is used to draw text or patterm along the given path.

Repository (GitHub)

Documentation

API reference

License

BSD-3-Clause (license)

Dependencies

flutter

More

Packages that depend on draw_on_path