shadowBlur

Summary

Specifies the level of the blurring effect. The units do not map to coordinate space units, and are not affected by the current transformation matrix.

Property of apis/canvas/CanvasRenderingContext2Dapis/canvas/CanvasRenderingContext2D

Syntax

var result = CanvasRenderingContext2D.shadowBlur;
CanvasRenderingContext2D.shadowBlur = value;

Return Value

Returns an object of type NumberNumber

Default is 0.

Examples

<canvas id="myCanvas" width="300" height="150" style="border:1px solid blue;"></canvas>
<p>. . .</p>
<script>
var can=document.getElementById("myCanvas");
var ctxt=can.getContext("2d");
ctxt.shadowBlur=15;
ctxt.shadowColor="blue";
ctxt.fillStyle="orange";
ctxt.fillRect(30,20,100,100);
</script>

Related specifications

W3C HTML Canvas 2D Specification

W3C Candidate Recommendation

Attributions

• Microsoft Developer Network: Windows Internet Explorer API reference Article