CanvasBarchetta

by giacal

HTML

<canvas></canvas>

JavaScript

var cv = document.querySelector('canvas'),
    ct = cv.getContext('2d');

cv.width = 500;
cv.height = 500;

ct.scale(0.5,0.5);

barchetta();

function barchetta(){
    ct.beginPath();
    ct.moveTo(100,300);
    ct.lineTo(300,300);
    ct.arcTo(200,350,100,300,100);
    ct.lineTo(100,300);
    ct.moveTo(200,300);   
    ct.lineTo(200,150);
    ct.lineTo(300,150);
    ct.lineTo(300,170);
    ct.lineTo(200,170);
    ct.stroke();
    ct.fill();
    ct.closePath();
}