HTML canvas shadowColorСвойство

Canvas 对象参考手册Объект Canvas

Пример

Нарисуйте красный прямоугольник с чёрной тенью:

Ваш браузер не поддерживает тег HTML5 canvas.

JavaScript：

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);

Попробуйте сами »

Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome и Safari поддерживают свойство shadowColor.

Примечание:Internet Explorer 8 и более ранние версии не поддерживают элемент <canvas>.

Определение и использование

Свойство shadowColor задаёт или возвращает цвет, используемый для теней.

Примечание:Пожалуйста, используйте свойство shadowColor вместе со свойствомshadowBlur, чтобы создать тень.

Совет:Пожалуйста, используйте свойстваshadowOffsetXиshadowOffsetY, чтобы настроить эффект тени.

Значение по умолчанию: #000000
Синтаксис JavaScript: context.shadowColor=color;

Значения свойств

Значение Описание
color ЗначениеCSS цвета тени. Значение по умолчанию — #000000.

Canvas 对象参考手册Объект Canvas

Другие расширения