Еще одно 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» и «стилизация» — разные.