Beste mensen,


Wat ik mij afvroeg is het mogelijk om een SVG filter in een canvas code te gebruiken?


<canvas id="canvas"></canvas>

<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.font = "48px arial";
ctx.strokeText("Hello world", 50, 100);
</script>
SVG filters in CSS

En zo pas je het toe op het canvas element

canvas.setAttribute("style", "filter: blur(15px) hue-rotate(90deg);"); 
Thanks Randy!


Natuurlijk zullen browsers die geen css3 ondersteunen de svg filter ook niet weergeven toch?
Is er dan nog een andere optie om canvas afbeelding bijvoorbeeld te blurren?

Reageren