<!DOCTYPE html>
<meta charset="utf-8">

<div style="width: 100px; height: 100px; background-color: red; overflow: hidden; transform: scaleY(-1);">
    <canvas id="c" width="200" height="200"></canvas>
</div>

<script>
var ctx = document.getElementById('c').getContext('2d', { alpha: false });
ctx.fillStyle = 'green';
ctx.fillRect(0, 0, 200, 200);
</script>