Еще одно Canvas руководство [2]: Стилизация, градиенты, тени

[@ananazzz]

Спасибо! Всё описано понятно и просто!

[@kichik]

Добавьте, что тени являются глобальным свойством, и если их явно не отключить после отрисовки объекта с тенью, все остальные тоже будут с тенью.

[@TheShock]

По сути достаточно каждый метод, который изменяет глобальные настройки оборачивать в save-restore. Это своего рода паттерн.

[@kichik]

Да, хороший вариант!

[@maxvipon]

А можно пример по save-restore? А то сейчас полчаса переставлял блок с настройками тени, пока не получил то, что хотел (перекрытия получались).

Если я правильно понимаю это будет как-то так:

ctx.save();

ctx.shadowColor = "#000";
ctx.shadowBlur = 10;
ctx.shadowOffsetX = 5;
ctx.shadowOffsetY = 5;

ctx.restore();

[@TheShock]

Ну, приблизительно, как-то так:

ctx.save();

ctx.shadowColor = "#000";
ctx.shadowBlur = 10;
ctx.shadowOffsetX = 5;
ctx.shadowOffsetY = 5;

ctx.fillText('text', 100, 100);

ctx.restore();

ctx.fillText('text', 100, 200); // уже без стилей

[@jMas]

Есть информация какими браузерами на данный момент поддерживается канвас (с учетом хаков)?

[@Borro]

Конечно же информации вообще нет
Ну вот совсем нет

[@jMas]

Я не претендовал на оригинальный комментарий, просто хотел поинтересоваться у специалистов в этом деле, но как всегда заминусовали.

За ссылки спасибо.

[@de_arnst]

Спасибо! Моя куча закладок, с каждым вашим постом уменьшается!

[@VolCh]

Эх, не прошло и 25 лет и опять

10 PLOT 10,10
20 LINE 40,50
30 CIRCLE 30,30,40

:) Только на более высоком уровне

P.S. Поправьте «Радиальные градиенты градиенты» — думаю с первого раза понятно :)

[@Veterinar]

Угу, всё развивается по спирали.

[@Throwable]

просто выросло поколение, никогда не видевшие бейсика =)

[@pepelsbey]

Стилизация — это имитация или подражание.
Вы говорите про «оформление». Слова «styling» и «стилизация» — разные.