html5. Canvas
Так как canvas относится к html и к javascript одновременно, то я выбрал верный форум.
В canvas можно делать тени. Вопрос: как их сбросить? То есть, есть у меня код: var canvas = document.getElementById('Game'); var cube = canvas.getContext("2d"); cube.filleStyle = "#000"; cube.font = "normal 12pt Calibri"; cube.fillText("Текст без тени", 0, 10); cube.shadowColor = "#000"; cube.shadowOffsetX = 1; cube.shadowOffsetY = 1; cube.shadowBlur = 3;cube.filleStyle = "#000"; cube.font = "normal 12pt Calibri"; cube.fillText("Текст с тенью", 0, 30); cube.filleStyle = "#000"; cube.font = "normal 12pt Calibri"; cube.fillText("Текст без тени", 0, 50); , но последний текст также с тенью. Как мне это исправить? Добавлять тень лишь в конце? Или делать shadowBlur = 0 и shadowColor под цвет текста:help: |
Это можно сделать разными способами, например c помощью методов save() и restore() так:
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>выпвып</title> </head> <body> <canvas id="Game"></canvas> <script> var canvas = document.getElementById('Game'); var cube = canvas.getContext("2d"); cube.filleStyle = "#000"; cube.font = "normal 12pt Calibri"; cube.fillText("Текст без тени", 0, 10); cube.save(); cube.shadowColor = "#000"; cube.shadowOffsetX = 1; cube.shadowOffsetY = 1; cube.shadowBlur = 3;cube.filleStyle = "#000"; cube.font = "normal 12pt Calibri"; cube.fillText("Текст с тенью", 0, 30); cube.restore(); cube.filleStyle = "#000"; cube.font = "normal 12pt Calibri"; cube.fillText("Текст без тени", 0, 50); </script> </body> </html> |
Огромное спасибо!
|
Часовой пояс GMT +3, время: 02:08. |