getContext with stylesheet

by kreativgeist

HTML

<canvas id="canv" onclick=loadContext() />

CSS

#canv {
  width: 500px;
  height: 200px;
  background-color: darkblue;
}

JavaScript

function loadContext ()
{
	var context = canv.getContext("2d");
  /* use css-definition here? */
	context.strokeStyle = "white";	
	context.beginPath();
	context.moveTo(0, 0);
	context.lineTo(300, 150);
	context.stroke(); 	
}