| Метод
| Описание
|
| shadowOffsetX
| Смещение тени от объекта по горизонтали (может принимать отрицательные значения).
|
| shadowOffsetY
| Смещение тени от объекта по вертикали (может принимать отрицательные значения).
|
| shadowBlur
| Величина размытия тени.
|
| shadowColor
| Цвет тени (по умолчанию черный).
|
<html>
<body>
<canvas id='draw' width='300' height='200' style='border:1px solid'></canvas>
<script type='text/javascript'>
var canvas=document.getElementById("draw")
var x=canvas.getContext("2d");
x.shadowOffsetX=3;
x.shadowOffsetY=3;
x.shadowBlur=8;
x.shadowColor='black';
x.fillStyle='#ffaa00';
x.fillRect(50,40,55,55);
</script>
</body>
</html>
Текст
Метод fillText("текст",x,y) позволяет отображать в элементе canvas произвольный текст.
<html>
<body>
<canvas id='draw' width='240' height='180' style='border:1px solid;'></canvas>
<script type='text/javascript'>
var canvas=document.getElementById("draw")
var x=canvas.getContext("2d");
x.fillText("Теперь можно отображать", 15, 40);
x.fillText("произвольный текст", 100, 70);
x.fillText("в элементе canvas.", 60, 120);
</script>
</body>
</html>
