<svg style="display: block; width: 0; height: 0"> | |
<defs> | |
<filter id="blur"> | |
<feGaussianBlur stdDeviation="2 4"/> | |
</filter> | |
</defs> | |
</svg> | |
<canvas id="canvas" width="100" height="100"></canvas> | |
<script> | |
var canvas = document.getElementById('canvas'); | |
var ctx = canvas.getContext('2d'); | |
ctx.filter = 'url(#blur)'; | |
ctx.fillStyle = '#0f0'; | |
ctx.fillRect(20, 20, 20, 20); | |
var filter = document.getElementById('blur'); | |
filter.parentNode.removeChild(filter); | |
ctx.fillRect(60, 20, 20, 20); | |
</script> |