HTML 参考手册

HTML 标签大全

HTML: <template> balise

HTML canvas shadowBlur 属性

shadowBlur属性用于设置阴影的模糊级别。默认值为0。 <canvas>元素允许您使用JavaScript在网页上绘制图形。

Manuel de référence HTML canvas

在线示例

绘制一个带有黑色阴影的绿色以及蓝色阴影的黄色矩形，模糊级数是 20：

现在让我们看一个示例来实现canvas的shadowBlur属性：

示例

<!DOCTYPE html>
<html>
<head>
<title>HTML canvas shadowBlur 属性的使用(基础教程网 w3(codebox.com)</<title>
</<head>
<body>
<canvas id="newCanvas" width="450" height="250" style="border:1px solid #d3d3d3>
您的浏览器不支持 HTML5　canvas 标签
</canvas>
<script>
　　　var c = document.getElementById("newCanvas");
　　　var ctx = c.getContext("2d");
　　　ctx.shadowBlur　=　20;
　　　ctx.shadowColor = "black";
　　　ctx.fillStyle = "green";
　　　ctx.fillRect(4,　4,　100,　150);
　　　ctx.shadowBlur　=　30;
　　　ctx.shadowColor　=　"blue";
　　　ctx.fillStyle　=　"orange";
　　　ctx.fillRect(200,　40,　200,　150);
</script
</body>
</html>

Vérifiez ici ‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome et Safari prennent en charge l'attribut shadowBlur.

Attention :Internet Explorer 8 Les versions précédentes de HTML ne prennent pas en charge l'élément <canvas>.

Définition et utilisation

L'attribut shadowBlur définit ou retourne le niveau de flou de l'ombre.

Valeur par défaut :	0
Syntaxe JavaScript :	context.shadowBlur=number;

Le number en haut représente le niveau de flou de l'ombre.

Valeur de l'attribut

Valeur	Description
number	Niveau de flou de l'ombre

Manuel de référence HTML canvas

HTML: <template> balise