iT邦幫忙

0

一個 IT 學生的問題: 請問canvas由上到下漸層顏色呈現該如何做?謝謝各位大神了!!!!

  • 分享至 

  • xImage

學校assessment 要用canvas畫一幅圖,為了更好的呈現,我決定使用grd代替單純的fillstyle,但我不會由上到下的漸層做法,網上看到都是左到右,請告訴我怎麼做,謝謝各位大德!!!

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

2
海綿寶寶
iT邦大神 1 級 ‧ 2016-09-05 18:20:34

Google 兩個,看看合不合用

W3C School

Mozilla Sample

3
fillano
iT邦超人 1 級 ‧ 2016-09-05 18:35:46

我喜歡MDN的文件:https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createLinearGradient

createLinearGradient的參數就x0, y0以及x1, y1,你改一改就可以從水平改成垂直啊

我要發表回答

立即登入回答