Главная > JavaScript, Программирование > Прямоугольник с закругленными углами на холсте

Прямоугольник с закругленными углами на холсте

3 Сентябрь 2010

По моему название не очень звучит? Ну да неважно, в общем это еще один черновик от которого пора избавиться. Встречайте функция для рисования закругленных углов.


function roundedRect(ctx,x,y,width,height,radius){
	ctx.beginPath();
	ctx.moveTo(x,y+radius);
	ctx.lineTo(x,y+height-radius);
	ctx.quadraticCurveTo(x,y+height,x+radius,y+height);
	ctx.lineTo(x+width-radius,y+height);
	ctx.quadraticCurveTo(x+width,y+height,x+width,y+height-radius);
	ctx.lineTo(x+width,y+radius);
	ctx.quadraticCurveTo(x+width,y,x+width-radius,y);
	ctx.lineTo(x+radius,y);
	ctx.quadraticCurveTo(x,y,x,y+radius);
	ctx.stroke();
}

Работает как-то так:

Комментирование отключено.