Tentei fazer um desenho simples de uma espada para ver como fica.
<canvas width="2000" height="1000"></canvas>
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillStyle = 'grey';
pincel.fillRect(0, 0, 2000, 1000);
//cabo
pincel.fillStyle = 'lightBlue';
pincel.fillRect(950, 450, 50, 200);
//guarda
pincel.fillStyle = 'darkBlue';
pincel.fillRect(800, 450, 350, 30);
pincel.fillRect(950, 400, 50, 50);
// Lâmina
pincel.fillStyle = 'white';
pincel.beginPath(850, 460);
pincel.moveTo(975, 50);
pincel.lineTo(950, 100);
pincel.lineTo(1000, 100);
pincel.fill();
pincel.fillStyle = 'white';
pincel.fillRect(950, 100, 50, 300);
//Pomo
pincel.fillStyle = 'black'
pincel.beginPath();
pincel.arc(975, 680, 40, 25, 2 * 3,14);
pincel.fill();
</script>