<canvas id="tutorial" style="margin-top: 45%" width="359" height="299"></canvas>
var canvas = document.getElementById('tutorial');
var ctx = canvas.getContext('2d');
// Так как аргументом функции может быть только радиан,
// а не угол в градусах, то переводим.
var a = 45 * (Math.PI / 180);
// Длина линии.
var r = 100;
ctx.setLineDash([10, 6]);
ctx.beginPath();
ctx.moveTo(0, 100);
ctx.lineTo(Math.sin(a) * r, Math.cos(a) * r);
ctx.lineWidth = 4;
ctx.lineCap = 'round';
ctx.strokeStyle="#fff";
ctx.stroke();