Canvas - панели
Здесь приведено несколько панелей, нарисованых функцией roundedRect():
var ctx = canvas.getContext('2d');
roundedRect(ctx,10,10,80,100,10,"#00ffff","blue");
roundedRect(ctx,30,115,150,80,40,"#ffff00");
roundedRect(ctx,120,10,50,50,70,"#00ffff","black");
roundedRect(ctx,10,175,150,80,6,"","red")
Для создания правильной панели необходимо, чтобы радиус скругления был не больше полуширины и полувысоты прямоугольника. В противном случае может быть получена весьма причудливая фигура.
Назад >...
