Добрый день. Использую Vanilla JS. Нужно у картинки переработать пиксели (поменять

Question

Добрый день. Использую Vanilla JS. Нужно у картинки переработать пиксели (поменять

некоторые значения), вывести результат, и добавить зум при наведении мышью.

Как реализовал:
1. Получаю в canvas imageData картинки
2. Работаю с пикселями
3. Кладу новую imageData в другой canvas (чтобы было два canvas до/после обработки)

Всё работает, кроме зума по наведению. Все библиотеки, что есть на просторах, работают с img, а не с canvas. (Ну или я чего-то не понимаю)

Какой best practice в работе с canvas? Надо ли рендерит каждый раз img, или можно оставить просто canvas?

Спасибо!

#javascript #programming #russian

0

24.11.2021

8 ответов

21 просмотр

Mikhail Smolnikov Автор вопроса

Tai Chio
Используй скейлинг если используешь canvas, http:/...

Может неправильно выразился Это не просто скейлинг должен быть, а как "лупа". В зависимости от положения мыши, должен меняться "обозреваемый район" фотографии

0

24.11.2021

Tai Chio

Mikhail Smolnikov
Может неправильно выразился Это не просто скейлинг...

https://schoolsw3.com/howto/tryhow_js_image_magnifier_glass.php

0

24.11.2021

Mikhail Smolnikov Автор вопроса

Tai Chio
https://schoolsw3.com/howto/tryhow_js_image_magnif...

Супер, только это для тэга img. С ним всё в порядке, но мне нужно для canvas

0

24.11.2021