Css Element per JS einsetzen

[ThomasM]

Hallo Pit,

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

Hier generiere ich ein Canvaselement, in das ich eine Linie einfügen möchte.

Dann ist das der Weg zum Zeichnen einer Linie:

<canvas id="myCanvas"></canvas>
<script>
  var canvas = document.getElementById("myCanvas");
  var context = canvas.getContext("2d");

  context.beginPath();
  context.moveTo(10, 20);
  context.lineTo(100, 50);
  context.lineWidth = 2;
  context.strokeStyle = "#F00";
  context.stroke();
</script>

Grüße,
Thomas