SoFunction
Updated on 2025-03-10

js+html5 method to implement canvas to draw simple rectangles

This article describes the method of js+html5 to implement canvas to draw simple rectangles. Share it for your reference. The specific implementation method is as follows:

<!DOCTYPE html>
<html>
<body>
<canvas  width="200" height="100"
style="border:1px solid #c3c3c3;">
Your browser does not support the HTML5 canvas tag.
</canvas>
<script type="text/javascript">
var c=("myCanvas");
var ctx=("2d");
="#FF0000";
(0,0,150,75);
</script>
</body>
</html>

I hope this article will be helpful to everyone's web programming.