-
沒有專門繪制陰影的函數(shù)，在設置了關于陰影的狀態(tài)量之后陰影就會自動出現(xiàn)。
四個狀態(tài)量：
context.shadowColor、context.shadowOffsetX、context.shadowOffsetY、context.shadowBlur
查看全部 -
度量文本的用context.measureText(String).width，需要提前確定font狀態(tài)，目前只能獲得寬度不能獲得高
查看全部 -
文本水平方向?qū)R 設置狀態(tài)context.textAlign(left center right)，以fillText或strokeText的X值為參考
文本垂直方向?qū)R 設置狀態(tài)context.textBaseline(top middle bottom ideographic hanging alphabetic)
查看全部 -
context.font設置狀態(tài)，五個參數(shù)依次是font-style(italic oblique)、font-variant(small-caps)、font-weight(bold lighter bolder)、font-size、font-family
查看全部 -
x0,y0是arcTo()的繪制起點，但不一定是切點當半徑過大時，切點在延長線上
查看全部 -
context.fillRect(x,y,width,height)
context.strokeRect(x,y,width,height)矩形左上角坐標和長寬
表示顏色的方式
查看全部 -
context.closePath()封閉圖形
context.beginPath與context.closePath()成對出現(xiàn)繪制封閉圖形
封閉多邊形之后可以為圖形上色
例：context.fillStyle=“yellow”
???????????????context.fill()
? ? 5.對于填充色之后線條邊框變窄，可以將stroke和fill交換位置，先進行顏色填充，后繪制邊框
將所有的狀態(tài)放在一起，繪制放在一起，不影響結(jié)果
查看全部 -
moveTo筆尖的位置
lineTo繪制終點位置
context.beginPath聲明進行一段全新的繪制，開啟新的狀態(tài)
為了代碼的一致性，最好寫beginPath
beginPath+lineTo=moveTo
查看全部 -
獲取canvas標簽
getElementById得到canvas標簽
獲取canvas上下文繪圖環(huán)境
查看全部 -
context.arcTo(x1,y1,x2,y2,radius)繪制圓弧
查看全部 -
繪制矩形：cxt.rect(x,y,width,height）左上角的橫縱坐標、矩形的寬和高
cxt.fillRect(x,y,width,height)
cxt.strokeRect(x,y,width,height)
查看全部 -
ctx.measureText('').width獲取文本寬度
查看全部 -
畫一條線 moveTo(10,10)起始位置 lineTo(10,100)截止位置查看全部
-
五角星繪制
查看全部 -
canvas 繪制貝塞爾曲線！
查看全部
舉報