Edytor zadań - przycisk

Opis

Płótno `canvas`

Na płótnie (tag HTML) canvas można rysować

Kod

function rysujPrzycisk(x, y, r, imie) {
   malarz.lineWidth=r/10;
   malarz.strokeStyle="brown";
   malarz.fillStyle="blue";
   malarz.beginPath();
   malarz.arc(x, y, r, 0, Math.PI*2);
   malarz.stroke();
   malarz.fill();
   malarz.closePath();
   malarz.fillStyle="yellow";
   malarz.font = r*0.8+"px Arial"
   malarz.textAlign="center";
   malarz.textBaseline="middle";
   malarz.fillText(imie,x,y)
}

rysujPrzycisk(200,200,150, "Karol");
rysujPrzycisk(280,200,35, "Karol");

rysujPrzycisk(200,400,40, "R");
rysujPrzycisk(150,420,30, "A");
rysujPrzycisk(250,420,30, "O");
rysujPrzycisk(90,410,40, "K");
rysujPrzycisk(310,410,40, "L");
</script>
</body>

Podgląd:

📂

Płótno canvas

Płótno `canvas`