HTML5绘制文本附带的文本效果图
本文主要介绍HTML5如何在画布中绘制文本。有两种方法可以在画布上绘制文本stroketext和filltext，可根据需要选择。1。绘制文本
在绘图环境中，有两种方法可以在画布中绘制文本。
stroketext（文本，X，Y）：绘制空心文字在（x，y）。
filltext（文本，x，y）（x，y）：在文本绘制实体。
两。在画布中绘制文本
复制代码代码如下所示：
HTML5
此函数将调用页面中的加载完全加载。
功能页面加载完成（）
{
参考 / /把画布对象的名义下画布和身体必须在同一编号
VaR的画布document.getelementbyid（'tcanvas）；
画布的二维绘制环境
VaR上下文= canvas.getcontext（二维的）；
将在此处显示绘图代码。
/绘制文本
context.filltext（欢迎来到都匀的博客，100,40）；
字体
context.font = '20px宋体；
context.filltext（欢迎来到都匀博客，100100）；
文本/空心图
context.font = '36px剧本；
context.stroketext（欢迎来到本博客，100200）；
}
提示：您的浏览器不支持标签。
三。绘图效果