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

Метод drawImage

Метод drawImage класса Canvas рисует bitmap в Rect. Картинку ставят в точку Offset. Кисть Paint может перекрасить её.

Синтаксис

canvas.drawImage(image, offset, paint)

Параметры

Параметр Описание
image Картинка, которую рисуют на холсте.
offset Сдвиг Offset или положение прокрутки в пикселях.
paint Кисть Paint. Из неё берутся цвет, толщина и то, заливка это или контур.

Пример

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

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: CustomPaint( size: const Size(220, 100), painter: _DrawImagePainter(), ), ), ), ), ); } class _DrawImagePainter extends CustomPainter { @override void paint(Canvas canvas, Size size) { final paint = Paint()..color = Colors.blueGrey; canvas.drawRect(Rect.fromLTWH(40, 20, 120, 60), 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: _DrawImagePainter2(), ), ), ), ), ); } class _DrawImagePainter2 extends CustomPainter { @override void paint(Canvas canvas, Size size) { final paint = Paint()..color = Colors.blueGrey; canvas.drawRect(Rect.fromLTWH(40, 20, 120, 60), paint); } @override bool shouldRepaint(covariant CustomPainter oldDelegate) => false; }

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

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

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