Photoshop のグラデーション効果を達成するための HTML5 チュートリアル_html5 チュートリアルのスキルを習得する
photoshop
グラデーションカラー
コードをコピー
コードは次のとおりです。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 />vardraw=c.getContext("2d"); // 2D コンテンツへの参照を取得し、描画 API を呼び出します</p> <p>//グラデーションブロックを指定します<br />var grd=draw.createLinearGradient(50,50,200,50); //座標、長さ、幅<br />grd.addColorStop(0,"black"); point Color<br />grd.addColorStop(1,"green") //終了色</p> <p>draw.fillStyle=grd; //塗りつぶしスタイルとして設定<br />draw.fillRect(50,50,200,50) //四角形に塗りつぶします<br />})<br /></script> 🎜>