delete selected objects in fabricjs

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.6.0/fabric.min.js"></script>
<canvas id="paper" width="400" height="400" style="border:1px solid #ccc"></canvas>

JavaScript

var canvas = new fabric.Canvas('paper');

const rect = new fabric.Rect({
    left: 10, 
    top: 10,
    fill: 'white',
    width: 200,
    height: 200,
    stroke: '#000',
    strokeWidth: 3,
    strokeLineCap: 'butt',
});

const ellipse = new fabric.Ellipse({
    left: 10, 
    top: 250,
    fill: 'white',
    rx: 100,
    ry: 50,
    stroke: '#000',
    strokeWidth: 3,
    strokeLinecap: 'round',
    strokeDashArray: [10,10]
});

const line = new fabric.Line([300, 10, 300, 350], {
    stroke: '#000',
    strokeWidth: 3,
    strokeLinecap: 'round',
    strokeDashArray: [10,10]
});

canvas.add(rect);
canvas.add(ellipse);
canvas.add(line);