【公告】網站目前停止所有的課程訂閱服務,原有學員權益不受影響,造成不便還請見諒,我們正在打造更多課程以及圖書,包含 Python 為主的課程主題,未來將會合併且擴充目前的課程內容,提供全新課程訂閱服務,感謝學員的支持。
【公告】《Entity Framework 實務精要》 絕版優惠學習活動,是針對最後一批少量書籍絕版的短期特別活動,只提供 20 個名額(剩 5 名),教學影片要在今年暑假過後才會重新開放訂閱,並沒有提供之前單獨購書的讀者,還請見諒, 如果您需要教學影片,屆時再請參與,也感謝讀者學員的支持,我們正在開發更多的教學內容,歡迎與我們一起努力。
《Entity Framework 實務精要》 絕版優惠學習活動》

Canvas 描繪透明色彩

當我們透過 fill() 方法描繪一片特定顏色的區域時,後來描繪的區域會蓋掉原來的區域,如果要以透明效果進行呈現,可以透過 rgba 格式值進行設定,例如以下的兩個十字:


您的瀏覽器不支援HTML5,請改用 Chrome 或是 Firefox


左邊的十字,分別設定了 context.fillStyle = 'rgb(0,0,255)'; 以及 context.fillStyle = 'rgb(255,0,0)'; ,因此後來描繪的垂直矩型會蓋掉水平矩形。右邊的十字則設定了 context.fillStyle = 'rgba(0,0,255,0.5)'; 與 context.fillStyle = 'rgba(255,0,0,0.5)'; ,由於最後一個 a 參數,指定了透明度 0.5 ,因此呈現透明狀態。




沒有留言: