Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
289 of 1024 menu
◀ ▶

Метод drawPath

Метод drawPath класса Canvas рисует контур Path. Контур берётся из Path, кисть из Paint.

Синтаксис

canvas.drawPath(path, paint)

Параметры

Параметр Описание
path Контур Path, по которому рисуют или обрезают.
paint Кисть Paint. Из неё берутся цвет, толщина и то, заливка это или контур.

Пример

Давайте вызовем drawPath на CustomPaint:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: CustomPaint( size: const Size(220, 100), painter: _DrawPathPainter(), ), ), ), ), ); } class _DrawPathPainter extends CustomPainter { @override void paint(Canvas canvas, Size size) { final path = Path()..moveTo(20, 60)..lineTo(100, 20)..lineTo(180, 60)..close(); final paint = Paint()..color = Colors.green; canvas.drawPath(path, paint); } @override bool shouldRepaint(covariant CustomPainter oldDelegate) => false; }

На экране виден результат рисования на холсте.

Пример

Давайте повторим рисунок в области побольше:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: CustomPaint( size: const Size(280, 120), painter: _DrawPathPainter2(), ), ), ), ), ); } class _DrawPathPainter2 extends CustomPainter { @override void paint(Canvas canvas, Size size) { final path = Path()..moveTo(20, 60)..lineTo(100, 20)..lineTo(180, 60)..close(); final paint = Paint()..color = Colors.green; canvas.drawPath(path, paint); } @override bool shouldRepaint(covariant CustomPainter oldDelegate) => false; }

На экране та же фигура в более широком CustomPaint.

Смотрите также

← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить