How to become an author
Search
Write a publication
Pull to refresh

Comments 14

Спасибо! Всё описано понятно и просто!
Total votes 2: ↑2 and ↓0+2
Добавьте, что тени являются глобальным свойством, и если их явно не отключить после отрисовки объекта с тенью, все остальные тоже будут с тенью.
Total votes 3: ↑2 and ↓1+1
По сути достаточно каждый метод, который изменяет глобальные настройки оборачивать в save-restore. Это своего рода паттерн.
Total votes 2: ↑2 and ↓0+2
А можно пример по save-restore? А то сейчас полчаса переставлял блок с настройками тени, пока не получил то, что хотел (перекрытия получались).

Если я правильно понимаю это будет как-то так:
ctx.save();

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

ctx.restore();
Total votes 1: ↑1 and ↓0+1
Ну, приблизительно, как-то так:

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); // уже без стилей
Total votes 1: ↑0 and ↓1-1
Есть информация какими браузерами на данный момент поддерживается канвас (с учетом хаков)?
Total votes 7: ↑4 and ↓3+1
Я не претендовал на оригинальный комментарий, просто хотел поинтересоваться у специалистов в этом деле, но как всегда заминусовали.

За ссылки спасибо.
Total votes 7: ↑5 and ↓2+3
Спасибо! Моя куча закладок, с каждым вашим постом уменьшается!
Total votes 2: ↑2 and ↓0+2
Эх, не прошло и 25 лет и опять
10 PLOT 10,10
20 LINE 40,50
30 CIRCLE 30,30,40

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

P.S. Поправьте «Радиальные градиенты градиенты» — думаю с первого раза понятно :)
Total votes 9: ↑9 and ↓0+9
Угу, всё развивается по спирали.
Total votes 1: ↑1 and ↓0+1
просто выросло поколение, никогда не видевшие бейсика =)
Total votes 1: ↑1 and ↓0+1
Стилизация — это имитация или подражание.
Вы говорите про «оформление». Слова «styling» и «стилизация» — разные.
Total votes 2: ↑1 and ↓10
Sign up to leave a comment.

Articles

Show the best of all time

Your account

Sections

Information

Services

Support
© 2006–2024, Habr