Skip to content
JavaScript

Canvas-Zeichnung

Grundlegendes Canvas-Zeichnungsbeispiel.

#canvas#drawing

Code

javascript
function draw(canvas) {
  const ctx = canvas.getContext("2d");
  ctx.fillStyle = "#1890ff";
  ctx.fillRect(10, 10, 100, 50);

  ctx.beginPath();
  ctx.arc(200, 80, 40, 0, Math.PI * 2);
  ctx.strokeStyle = "#f5222d";
  ctx.lineWidth = 3;
  ctx.stroke();

  ctx.font = "16px Arial";
  ctx.fillStyle = "#333";
  ctx.fillText("Hello Canvas", 10, 120);
}