HTML5 line, circle, rectangle drawing
<script><br>$(document).ready(function(){<br>var c=document.getElementById("drawbox");<br>var draw=c.getContext("2d"); //Get a reference to the 2d content and call the drawing API</p>
<p>//Specify gradient block<br>var grd=draw.createLinearGradient(50,50,200,50); //Coordinates, length and width<br>grd.addColorStop(0,"black"); //Start point Color<br>grd.addColorStop(1,"green"); //End color</p>
<p>draw.fillStyle=grd; //Set as fill style<br>draw.fillRect(50,50,200,50); //Fill into the rectangle<br>})<br></script>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
