HTML5-Hintergrundbild mit Farbverlauf zeichnen und automatisch Implementierungsschritte_HTML5-Tutorialfähigkeiten herunterladen

drawBgLine.html

Code kopieren

Der Code lautet wie folgt:

;/ head>
;/ center>
<script> //Schritt 1: Holen Sie sich das Canvas-Objekt <br> var c = document.getElementById("c"); das Canvas-Objekt Object <br> var context = c.getContext("2d"); * Dies sind Codes zum Zeichnen anderer Grafiken <br> context.beginPath(); =10; <br> context.StrokeStyle="red"; <br> context.moveTo(50,50); <br> context.Stroke(); context.closePath( ); <br> //context.StrokeRect(220,50,50,50); <br> context.fillStyle="blue"; ; <br> context.beginPath(); <br> context.arc(150,150,50,0*Math.PI/180,-180*Math.PI/180,false); ; <br> context.closePath(); <br> context.lineWidth=1; <br> context.font="50px 宋体"; ,0,220); <br> context.translate(50,50); <br> context.rotate(90*Math.PI/180); <br> context .lineWidth=10; <br> context.strokeStyle="red"; <br> context.lineTo(100,0); (); <br> context.closePath(); <br> */ <br> var g = context.createLinearGradient( <br> g.addColorStop(); 0,"90BFFF"); <br> g.addColorStop(1,"white"); <br> context.fillRect(0,0,1,200); <br> window.location = c.toDataURL ("image/jpeg").replace("image/jpeg", "image/octet-stream"); ​​​​<br> </script>