Komentar: Bagikan kode lingkaran sederhana di HTML5, silakan merujuk mereka
<! Doctype html> <head>
<Meta Charset = UTF-8>
<title> HTML5 Drawing Circle </iteme>
<skrip src = "<a href =" http://ajax.googleapis.com/ajax/libs/jQuery/1.7.1/jquery.min.js "> </skrip"> "> </skrip </a>>
</head>
<script>
$ (dokumen) .ready (function () {
var c = document.geteLementById ("drawbox");
var draw = c.getContext ("2d"); // Dapatkan referensi ke konten 2D dan panggil gambar gambar </p> <p> draw.fillstyle = "red"; // warna
draw.beginpath (); // gambar dari yang baru
draw.arc (50,50,50,0, Math.pi*2, true); // Center x Koordinat | Center y Koordinat | Diameter | Mulai | Pi adalah Pi, Math.pi*2 adalah lingkaran gambar | true adalah arah searah jarum jam: berlawanan arah jarum jam, 0 adalah searah jarum jam,
draw.closepath (); // end
draw.fill ();
})
</script>
</body>
<Canvas> </an Canvas>
</body>
</html>
Diagram reproduksi