学习HTML笔记130

简介: HTML5

Canvas - 文本

使用 canvas 绘制文本,重要的属性和方法如下:

  • font - 定义字体
  • fillText(text,x,y) - 在 canvas 上绘制实心的文本
  • strokeText(text,x,y) - 在 canvas 上绘制空心的文本

使用 fillText():

实例

使用 "Arial" 字体在画布上绘制一个高 30px 的文字(实心):

JavaScript:

varc=document.getElementById("myCanvas");varctx=c.getContext("2d");ctx.font="30px Arial";ctx.fillText("Hello World",10,50);

目录
相关文章
|
前端开发
学习HTML笔记
学习HTML笔记
65 0
|
移动开发 HTML5
|
前端开发 JavaScript
|
前端开发
|
移动开发 Ruby HTML5
|
存储 SQL 移动开发
|
前端开发
下一篇
DataWorks