@byms

Как закгрулить картинку png по её краям canvas?

pic  = new Image();
		pic.src  = image;
		reset(pic.width, pic.height);

		ctx.drawImage(pic, 0, 0);
		ctx.globalCompositeOperation = "destination-atop";
		ctx.fillStyle="blue";
		ctx.fillRect(0,0,1200,1200);

Результат
69b0a387e1c3458f8ec18516d5ea9448.png
Как мне сделать фото чехла закругленную по своему контуру, чтобы по краям синего не было?
  • Вопрос задан
  • 159 просмотров
Пригласить эксперта
Ответы на вопрос 1
@zeroplay
Для canvas слоя задать css свойства border-radius: X% или использовать квадратичную кривую безье - метод для рисование такой кривой встроен, называется quadraticCurveTo.
fillRect-ом скруглять не вариант, просто потому, что он не скругляет.
а просто внутреннюю часть закрасить не вариант?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
23 нояб. 2024, в 00:16
2000 руб./за проект
22 нояб. 2024, в 23:55
3000 руб./за проект
22 нояб. 2024, в 22:26
3500 руб./за проект