Latest web development tutorials
×

JavaScript & HTML DOM справочное руководство

обзор

JavaScript объекты

JavaScript Array объекты JavaScript Boolean объекты JavaScript Date объекты JavaScript Math объекты JavaScript Number объекты JavaScript String объекты JavaScript RegExp объекты JavaScript Глобальные свойства / функции JavaScript операторы

Browser объекты

Window объекты Navigator объекты Screen объекты History объекты Location объекты

DOM объекты

HTML DOM Document объекты HTML DOM объект Element HTML DOM Атрибут объекта HTML DOM объекты событий

HTML объекты

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML холст shadowColor недвижимость

Холст Ссылка на объект объект Canvas

примеров

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

YourbrowserdoesnotsupporttheHTML5canvastag.

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 собственности.

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


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

shadowColor наборов свойств или возвращает цвет тени.

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

Совет: С помощью shadowOffsetX и shadowOffsetY для регулирования свойств эффекта тени.

По умолчанию: # 000000
Синтаксис JavaScript: Контекст.shadowColor = цвет;

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

描述
color 用于阴影的 CSS 颜色值 。默认值是 #000000。


Холст Ссылка на объект объект Canvas