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

Question

[byms]

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);

Результат

Как мне сделать фото чехла закругленную по своему контуру, чтобы по краям синего не было?

Answer 1

[Ivan]

Для canvas слоя задать css свойства border-radius: X% или использовать квадратичную кривую безье - метод для рисование такой кривой встроен, называется quadraticCurveTo.
fillRect-ом скруглять не вариант, просто потому, что он не скругляет.
а просто внутреннюю часть закрасить не вариант?

Comments

[byms]

я по краям закрасил тогда нормально, но суть в том, что если на сайте фон будет, то будут видны белые края