首頁 > web前端 > H5教程 > 主體

html5教學實現Photoshop漸層色效果_html5教學技巧

WBOY
發布: 2016-05-16 15:48:37
原創
1835 人瀏覽過


複製代碼
代碼如下:

🎜>
HTML5畫線、圓、長方形
">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"); //取得2d內容的引用,呼叫繪圖API <p>//指定漸變區塊<br />var grd=draw.createLinearGradient(50,50,200,50); //座標,長寬<br />grd.addColorStop(0,"black"); //起點顏色<br />grd.addColorStop(1,"green"); //終點顏色 <p>draw.fillStyle=grd; //設為填滿樣式<br />draw.fillRect(50,50,200,50); //填入矩形內<br />})<br /></script>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板