Wings for the plane

by Bianca Kuehweidner

HTML

<canvas id="myCanvas" width="600" height="100"></canvas>

<div id="plane"></div>

CSS

body { margin: 0px; padding: 0px; }

#myCanvas { background-color: transparent; }
#plane { margin-left: 20px; width: 600px; height: 150px; border: solid 1px #aaa; border-radius: 75px 0 0 75px; }

JavaScript

var canvas1 = document.getElementById('myCanvas');
var context1 = canvas1.getContext("2d");
var canvas2 = document.getElementById('myCanvas');
var context2 = canvas1.getContext("2d");

context1.beginPath();
context1.moveTo(220, 100);
context1.lineTo(420, 10);
context1.lineWidth = 1;
context1.strokeStyle = '#aaa';
context1.stroke();

context2.beginPath();
context2.moveTo(400, 100);
context2.lineTo(420, 10);
context2.lineWidth = 1;
context2.strokeStyle = '#aaa';
context2.stroke();