-
文本的度量： context.measureText( string ).width;查看全部
-
alphabetic(default)/ideographic/hanging查看全部
-
ontext.textBaseLine = top/middle/bottom/alphabetic(default)/ideographic/hanging 是根据context.fillText(string,x,y)中的y值进行上对齐、下对齐或居中的。后面三个分别表示拉丁文的垂直方向基准线、日语中文等方块字的垂直方向基准线、印度文的垂直方向基准线。 context.textAlign = left/middle/right 是根据context.fillText(string,x,y)中的x值进行左对齐、右对齐或居中的。查看全部
-
.....查看全部
-
font-style: normal(默认)/italic(斜体字)/oblique(倾斜字体) font-variant:normal(默认)/small-caps(只要在使用英文小写字母时才能看出区别，以一种小型的大写字母形式显示小写字母) font-weight:lighter/normal(默认)/bold/bolder,,也可以使用数字设置：100,200,300,400(默认),500,600,700(bold)，800,900 font-size:px(默认，如20px)/em(如2em)/百分比%(如150%)，也可以使用以下属性值进行设置：xx-small, x-small, medium, large, x-large, xx-large font-family:可以设置多种字体备选；支持@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表示不模糊）查看全部
-
文字渲染基础：查看全部
-
文本的度量： 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(只要在使用英文小写字母时才能看出区别，以一种小型的大写字母形式显示小写字母) font-weight:lighter/normal(默认)/bold/bolder,,也可以使用数字设置：100,200,300,400(默认),500,600,700(bold)，800,900 font-size:px(默认，如20px)/em(如2em)/百分比%(如150%)，也可以使用以下属性值进行设置：xx-small, x-small, medium, large, x-large, xx-large font-family:可以设置多种字体备选；支持@font-face；web安全字体 font-查看全部
-
context.strokeText( string, x, y, [maxlen] ); //用于绘制一行文字，同时给这行文字添加外边框查看全部
举报
0/150
提交
取消