div
canvas#myCanvas
xxxxxxxxxx
body
background-color rgba(255,165,0,.2)
div
position absolute
transform rotate(-45deg) translate(-50%,-50%)
top 50%
left 50%
#myCanvas
width 200
height 200
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF6347";
cxt.beginPath();
cxt.arc(100,100,50,Math.PI*1/2,Math.PI*3/2,true);
cxt.arc(50,50,50,0,Math.PI,true);
cxt.lineTo(0,150);
cxt.closePath();
cxt.fill();