html/canvas/element/manual/layers/layers-filter.html

<link rel="match" href="layers-filter-expected.html">
<p class="desc"> Test to ensure beginlayer works for filter. </p>
<script>
    var canvas, ctx;
    canvas = document.createElement("canvas");
    canvas.width = 200;
    canvas.height = 200;
    document.body.appendChild(canvas);

    ctx = canvas.getContext("2d");
    ctx.fillStyle = 'rgba(0,0,255,1)';
    ctx.fillRect(60,60,75,50);
    ctx.filter = 'sepia(1) opacity(30%)';

    ctx.beginLayer();

    ctx.fillStyle = 'rgba(225,0,0,1)';
    ctx.fillRect(50,50,75,50);
    ctx.fillStyle = 'rgba(0,255,0,1)';
    ctx.fillRect(70,70,75,50);

    ctx.endLayer();
</script>