-
文本的度量： context.measureText( string ).width;查看全部
-
alphabetic(default)/ideographic/hanging查看全部
-
ontext.textBaseLine = top/middle/bottom/alphabetic(default)/ideographic/hanging 是根據(jù)context.fillText(string,x,y)中的y值進行上對齊、下對齊或居中的。后面三個分別表示拉丁文的垂直方向基準線、日語中文等方塊字的垂直方向基準線、印度文的垂直方向基準線。 context.textAlign = left/middle/right 是根據(jù)context.fillText(string,x,y)中的x值進行左對齊、右對齊或居中的。查看全部
-
.....查看全部
-
font-style: normal(默認)/italic(斜體字)/oblique(傾斜字體) font-variant:normal(默認)/small-caps(只要在使用英文小寫字母時才能看出區(qū)別，以一種小型的大寫字母形式顯示小寫字母) font-weight:lighter/normal(默認)/bold/bolder,,也可以使用數(shù)字設(shè)置：100,200,300,400(默認),500,600,700(bold)，800,900 font-size:px(默認，如20px)/em(如2em)/百分比%(如150%)，也可以使用以下屬性值進行設(shè)置：xx-small, x-small, medium, large, x-large, xx-large font-family:可以設(shè)置多種字體備選；支持@font-face；web安全字體查看全部
-
font查看全部
-
example查看全部
-
context.font="樣式 字號 字體"； context.fillText("書寫的文字"，文字的x，文字的y); context.strokeText("",x,y,最長寬度：單位為像素)查看全部
-
globalAlpha = 1 （默認，即不透明） globalCompositeOperation = "source-over" (默認，后繪制的圖形會壓在先繪制的圖形上) / "destination-over"(先繪制的圖形壓在后繪制的圖形上)查看全部
-
陰影： context.shadowColor //陰影顏色 context.shadowOffsetX //陰影在水平方向上的位移值 context.shadowOffsetY //陰影在豎直方向上的位移值 context.shadowBlur //陰影的模糊程度（值越大，越模糊，0表示不模糊）查看全部
-
文字渲染基礎(chǔ)：查看全部
-
文本的度量： context.measureText( string ).width;查看全部
-
var context = canvas.getContext("2d"); canvas.width = 800; canvas.height = 800; context.moveTo(100, 100); context.lineTo(400, 400); context.lineWidth = 5; context.strokeStyle = "#f55"; context.stroke();查看全部
-
font-style: normal(默認)/italic(斜體字)/oblique(傾斜字體) font-variant:normal(默認)/small-caps(只要在使用英文小寫字母時才能看出區(qū)別，以一種小型的大寫字母形式顯示小寫字母) font-weight:lighter/normal(默認)/bold/bolder,,也可以使用數(shù)字設(shè)置：100,200,300,400(默認),500,600,700(bold)，800,900 font-size:px(默認，如20px)/em(如2em)/百分比%(如150%)，也可以使用以下屬性值進行設(shè)置：xx-small, x-small, medium, large, x-large, xx-large font-family:可以設(shè)置多種字體備選；支持@font-face；web安全字體 font-查看全部
-
context.strokeText( string, x, y, [maxlen] ); //用于繪制一行文字，同時給這行文字添加外邊框查看全部
舉報
0/150
提交
取消