HTML SVG & Canvas Objects

EmbeddedHTML["
<style>
@import url('https://fonts.googleapis.com/css?family=Ewert&effect=3d');
</style>
<svg width='200' height='200'>
<g><path fill='#3636ff' d='M20 10h280v80H0z'/>
<g style='fill:#fff; font-family:Ewert; font-size:20' class='font-effect-3d'>
<text x='25' y='25' transform='rotate(15 25,25)'>text rotation</text></g>
</svg>"]

EmbeddedHTML["
<canvas id='myCanvas' width='150' height='150'
style='border:1px dashed #3636ff;'>
</canvas>
<script>
var c=document.getElementById('myCanvas');
var ctx=c.getContext('2d');
ctx.beginPath();
ctx.moveTo(20,20); ctx.lineTo(20,70); ctx.lineTo(70,70);
ctx.lineTo(70,120); ctx.lineTo(120,120);
ctx.stroke();
</script>"]