Canvas shadowBlur 属性
定义和用法
shadowBlur
属性设置或返回阴影的模糊级数。
实例
绘制一个带有黑色阴影的蓝色矩形,模糊级数是 20:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.shadowBlur=20; ctx.shadowColor="black"; ctx.fillStyle="blue"; ctx.fillRect(20,20,100,80);
语法
context.shadowBlur=number;
Atribuuttiarvo
Arvo | Kuvaus |
---|---|
number | Varjon hämärtymisaste |
Tekninen yksityiskohta
Oletusarvo: | #000000 |
---|
Selaimen tuki
Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee kyseistä ominaisuutta.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Huomautus:Internet Explorer 8 ja aikaisemmat versiot eivät tue <canvas>-elementtiä.