Heim
Web-Frontend
H5-Tutorial
HTML5-Tutorial zum Erlernen von Photoshop-Verlaufseffekten. HTML5-Tutorial-Kenntnisse



HTML5-Tutorial zum Erlernen von Photoshop-Verlaufseffekten. HTML5-Tutorial-Kenntnisse
photoshop
Farbverlauf
Code kopieren
Der Code lautet wie folgt:http://ajax.googleapis.com/ajax/libs/jquery/ 1.7. 1/jquery.min.js">>
<script><br>$(document).ready(function() {<br>var c=document.getElementById("drawbox");<br>var draw=c.getContext("2d"); //Eine Referenz auf den 2D-Inhalt abrufen und die Zeichnungs-API aufrufen</p> <p>//Gradientenblock angeben<br>var grd=draw.createLinearGradient(50,50,200,50); //Koordinaten, Länge und Breite<br>grd.addColorStop(0,"black"); point Color<br>grd.addColorStop(1,"green"); //End color</p> <p>draw.fillStyle=grd; //Als Füllstil festlegen<br>draw.fillRect(50,50,200,50); //In das Rechteck füllen<br>})<br></script>