HTML canvas shadowColor 屬性

實(shí)例

繪制一個帶有黑色陰影的紅色矩形：

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);

運(yùn)行代碼 ?

瀏覽器支持

Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 shadowColor 屬性。

注意：Internet Explorer 8 及之前的版本不支持 <canvas> 元素。

定義和用法

shadowColor 屬性設(shè)置或返回用于陰影的顏色。

注意：請將 shadowColor 屬性與 shadowBlur 屬性一起使用，來創(chuàng)建陰影。

提示：請通過使用 shadowOffsetX 和 shadowOffsetY 屬性來調(diào)節(jié)陰影效果。

默認(rèn)值：	#000000
JavaScript 語法：	context.shadowColor=color;

屬性值

值	描述
color	用于陰影的 CSS 顏色值。默認(rèn)值是 #000000。

Canvas 對象參考手冊 Canvas 對象

其他擴(kuò)展

上一篇：HTML canvas strokeStyle 屬性下一篇：HTML canvas shadowBlur 屬性