HTML5 canvas measureText() 方法

HTML5 canvas measureText() 方法 HTML5 Canvas 参考手册 实例 在画布上输出文本之前,检查字体的宽度: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.g...

发布于 2017-08-05 阅读(222)

HTML5 canvas strokeText() 方法

HTML5 canvas strokeText() 方法 HTML5 Canvas 参考手册 实例 使用 strokeText(),在画布上写文本 Hello world! 和 w3school.com.cn: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(...

发布于 2017-08-05 阅读(164)

HTML5 canvas fillText() 方法

HTML5 canvas fillText() 方法 HTML5 Canvas 参考手册 实例 使用 fillText(),在画布上写文本 Hello world! 和 w3school.com.cn: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCa...

发布于 2017-08-05 阅读(169)

HTML5 canvas textBaseline 属性

HTML 5 canvas textBaseline 属性 HTML5 Canvas 参考手册 实例 定义用蓝色填充的矩形: Your browser does not support the canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getContext(2d); //在位置 y=1...

发布于 2017-08-05 阅读(170)

HTML5 canvas textAlign 属性

HTML 5 canvas textAlign 属性 HTML5 Canvas 参考手册 实例 在位置 150 创建一条红线。位置 150 是下面例子中定义的所有文本的锚点。请研究每种 textAlign 属性值的效果: Your browser does not support t...

发布于 2017-08-05 阅读(178)

HTML5 canvas font 属性

HTML 5 canvas font 属性 HTML5 Canvas 参考手册 实例 在画布上写一段 40 像素的文本,使用的字体是 Arial: Your browser does not support the canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.ge...

发布于 2017-08-05 阅读(151)

HTML5 canvas setTransform() 方法

HTML5 canvas setTransform() 方法 HTML5 Canvas 参考手册 实例 绘制一个矩形,通过 setTransform() 重置并创建新的变换矩阵,再次绘制矩形,重置并创建新的变换矩阵,然后再次绘制矩形。请注意,...

发布于 2017-08-05 阅读(96)

HTML5 canvas transform() 方法

HTML5 canvas transform() 方法 HTML5 Canvas 参考手册 实例 绘制一个矩形;通过 transform() 添加一个新的变换矩阵,再次绘制矩形;添加一个新的变换矩阵,然后再次绘制矩形。请注意,每当您调...

发布于 2017-08-05 阅读(153)

HTML5 canvas translate() 方法

HTML5 canvas translate() 方法 HTML5 Canvas 参考手册 实例 在位置 (10,10) 处绘制一个矩形,将新的 (0,0) 位置设置为 (70,70)。再次绘制新的矩形(请注意现在矩形从位置 (80,80) 开始绘制): Your b...

发布于 2017-08-05 阅读(211)

HTML5 canvas rotate() 方法

HTML5 canvas rotate() 方法 HTML5 Canvas 参考手册 实例 将矩形旋转 20 度: Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getContext(2d); ctx.rotate(20*Math.PI/...

发布于 2017-08-05 阅读(220)