HTML canvas(画布)shadowColor属性

  • shadowColor属性定义和用法

    shadowColor属性设置或返回用于阴影的颜色。 注意:将shadowColor属性与shadowBlur属性一起使用以创建阴影。 提示:使用shadowOffsetX和shadowOffsetY属性调整阴影。

  • shadowColor属性浏览器支持

    Internet Explorer Chrome FireFox Safari Opera
    9.0(含)以上 支持 支持 支持 支持
  • shadowColor属性语法

    context.shadowColor=color;

  • shadowColor属性实例

    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    ctx.shadowBlur = 20;
    ctx.fillStyle = "red";
    
    ctx.shadowColor = "black";
    ctx.fillRect(20, 20, 100, 80);
    
    ctx.shadowColor = "blue";
    ctx.fillRect(140, 20, 100, 80);
    尝试一下
  • shadowColor属性返回/属性值

    类型 描述
    color 用于阴影的CSS颜色值。默认值是#000000
  • shadowColor属性相关页面

    HTML教程:HTML脚本

    HTML教程:HTML画布