关于Canvas写字

首先明确canvas是有一个font属性的。利用这个属性我们可以将输入的文字画到画布或者说是已有图片上。先进行最基本的：画布上写字。

图片如下：

具体的font属性可参考 http://www.w3school.com.cn/tags/canvas_font.asp

<canvas id="t_con" height="200px" width="200px"></canvas>

<script>

var ele = document.getElementById("t_con")

var ctx = ele.getContext("2d")

// 字号为60px ,字体为impact

ctx.font = "30px impact"

//将文本填充为棕色

ctx.fillStyle = "#960"

//将文本设为居中对齐

ctx.textAlign = 'center' //规定变换 *** 控点的位置

//设置文字

ctx.fillText("Happy Trails!", 100, 55, 400)//参数为fillText(文本内容, 变换 *** 控点的x坐标, 变换中心的y坐标, 文本最大宽度)

</script>

---