陰影屬性:
shadowcolor:設定陰影顏色
shadowblur:設定陰影模糊級別(值越大越模糊)
shadowoffsetx:設定陰影在x軸上距離圖形的距離
shadowoffsety:設定陰影在y軸上距離圖形的距離
繪製影象
drawimage(img,x,y)
img:
x:橫座標的起始值
y:縱座標的起始值
drawimage(img,x,y)
drawimage(img,x,y,w,h)
drawimage(img,x,y,w,h,rx,ry,rw,rh)
影象在畫布中的平鋪
createpattern(img,type)
影象的裁剪(配合路徑使用)
clip()
畫素處理
getimagedata(x,y,w,h)
putimagedata(……)
影象的裁剪:clip() 了解canvas畫布
一 什麼是 canvas?二 canvas基本使用 mycanvas width 300 height 300 canvas canvas畫布的預設尺寸是300 150 1 獲取到canvas元素 var c document.getelementbyid mycanvas 2 執行上下文 繪製畫筆...
學習canvas畫布
我們可以用畫布 canvas 繪製各種圖形,下面 是繪製的乙個圓形 doctype html html head title canvas畫布 title meta charset utf 8 meta name viewport content width device width,initial...
canvas畫布基本操作
簡單畫直線和三角形 結合注釋 線條繪製 canvas width 1024 height 768 style border 1px solid aaa display block margin 50px auto 當前瀏覽器不支援canvas,請更換瀏覽器後再試 canvas canvas是基於狀態...