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>