По тегу «Canvas» найдено постов:10
посты1 –10

Добавлено9 мая 2022 в 21:30

Портирование из элемента canvas HTML5 в QML

Перенос с элемента canvas HTML5 на элемент Canvas QML довольно прост. В этой главе мы рассмотрим пару примеров и выполним преобразование. Спирограф В качестве основы мы используем пример спирографа из проекта Mozilla. Исходный HTML5 был опубликован...
Добавлено9 мая 2022 в 15:21

Рисование на Canvas (QML)

В этом примере мы создадим небольшое приложение для рисования, используя элемент Canvas. Рисование на Canvas Для этого мы разместим четыре цветных квадрата в верхней части нашей сцены с помощью позиционера строки. Цветной квадрат –...
Добавлено7 мая 2022 в 22:41

Буферы пикселей

При работе с Canvas вы можете получать с холста данные о пикселях, чтобы читать или управлять ими. Чтобы прочитать данные изображения, используйте createImageData(sw,sh) или getImageData(sx,sy,sw,sh). Обе функции возвращают объект ImageData с шириной...
Добавлено22 апреля 2022 в 13:22

Режимы композиции в Canvas

Композиция позволяет рисовать фигуру и смешивать ее с существующими пикселями. Canvas поддерживает несколько режимов композиции с помощью операций globalCompositeOperation(режим). Например: source-over source-in source-out source-atop Начнем...
Добавлено22 апреля 2022 в 02:30

Преобразования в элементе Canvas в QML

Элемент Canvas позволяет преобразовывать систему координат несколькими способами. Это очень похоже на преобразование, предлагаемое элементами QML. У вас есть возможность масштабировать (scale), вращать (rotate), переносить систему координат (translate)....
Добавлено22 апреля 2022 в 02:05

Изображения в элементе Canvas в QML

Элемент Canvas в QML поддерживает рисование изображений из нескольких источников. Чтобы использовать изображение внутри холста, его необходимо сначала загрузить. В нашем примере ниже для загрузки изображения мы используем обработчик Component.onCompleted. onPaint:...
Добавлено22 апреля 2022 в 01:36

Тени в Canvas в QML

Путь можно визуально улучшить, используя тени с объектом 2D контекста. Тень – это область вокруг пути со смещением, цветом и заданным размытием. Для нее вы можете указать shadowColor, shadowOffsetX, shadowOffsetY и shadowBlur. Всё это должно быть...
Добавлено21 апреля 2022 в 13:33

Градиенты Canvas в QML

Canvas может заполнять фигуры цветом, а также градиентами или изображениями. onPaint: { var ctx = getContext("2d") var gradient = ctx.createLinearGradient(100,0,100,200) gradient.addColorStop(0, "blue") gradient.addColorStop(0.5,...
Добавлено13 апреля 2022 в 18:46

Удобный API элемента Canvas

Для операций с прямоугольниками в Canvas предоставляется удобный API, который рисует напрямую и не требует вызова обводки или заливки. import QtQuick Canvas { id: root width: 120; height: 120 onPaint: { var ctx = getContext("2d")...
Добавлено13 апреля 2022 в 18:30

Элемент Canvas

Одной из сильных сторон QML является его близость к экосистеме Javascript. Это позволяет нам повторно использовать существующие решения из мира Интернета и сочетать их с производительностью визуальных элементов QML. Однако иногда мы хотим повторно использовать...