主頁 > 知識庫 > html5教程實現Photoshop漸變色效果

html5教程實現Photoshop漸變色效果

熱門標簽:怎么做百度地圖標注 百度地圖標注為什么總是封號 小朱地圖標注 智能芯電話機器人 四川移動電銷外呼客戶管理系統 臨海地圖標注app 咸陽穩(wěn)定外呼系統軟件 400開頭的電話好申請不 地圖標注柱狀圖


復制代碼
代碼如下:

<!DOCTYPE html><head>
<meta charset=utf-8>
<title>HTML5畫線、圓、矩形</title>
<script src="<a ></script</a>>
</head>
<script>
$(document).ready(function(){
var c=document.getElementById("drawbox");
var draw=c.getContext("2d"); //獲取2d內容的引用,調用繪圖API</p> <p>//指定漸變區(qū)塊
var grd=draw.createLinearGradient(50,50,200,50); //坐標,長寬
grd.addColorStop(0,"black"); //起點顏色
grd.addColorStop(1,"green"); //終點顏色</p> <p>draw.fillStyle=grd; //設為填充樣式
draw.fillRect(50,50,200,50); //填充進矩形內
})
</script>
</body>
<canvas id="drawbox" width="500" height="500"></canvas>
</body>
</html>


效果圖:

標簽:黃石 南平 陜西 平涼 山南 黃石 平頂山 公主嶺

巨人網絡通訊聲明:本文標題《html5教程實現Photoshop漸變色效果》,本文關鍵詞  html5,教程,實現,Photoshop,;如發(fā)現本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《html5教程實現Photoshop漸變色效果》相關的同類信息!
  • 本頁收集關于html5教程實現Photoshop漸變色效果的相關信息資訊供網民參考!
  • 推薦文章