Kommentar: HTML5 kann viele Formen zeichnen. Das Folgende ist der Code zum Zeichnen von Rechtecken. Bitte beachten Sie es.
<! DocType html> <kopf>
<meta charset = utf-8>
<title> html5 Rechteck zeichnen </title>
<script src = "<a href =" http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "> </script"> "> </script </a >>
</head>
<Script>
$ (Dokument) .Ready (function () {
var c = document.getElementById ("DrawBox");
var draw = C.GetContext ("2D"); // Erhalten Sie einen Verweis auf den 2D -Inhalt und rufen Sie die Zeichnungs -API auf
Draw.Fillstyle = "#ff0000"; // Methode 1 Gibt die Füllfarbe an
Draw.FillRect (0,0,300,100); // Koordinaten sowie Länge und Breite
Draw.FillStyle = "RGBA (0,0,255,0,5)"; // Methode 2 RGB+Transparenz
Draw.FillRect (400,0,100.100); // Koordinaten sowie Länge und Breite
})
</script>
</body>
<Canvas> </canvas>
</body>
</html>
Reproduktionsdiagramm