canvas教程

HTML5 Canvas的文本设置字体和大小

字号+ 作者:H5之家 来源:H5之家 2015-10-10 19:11 我要评论( )

HTML5 Canvas的文本设置字体和大小,我们可以使用的字体在画布范围内的属性。 下面我们就做一个简单的实例为大家讲解下,基本语法: context.font=[value]; HTML

HTML5 Canvas的文本设置字体和大小,我们可以使用的字体在画布范围内的属性。

下面我们就做一个简单的实例为大家讲解下,基本语法:

context.font=[value];

HTML5 Canvas Text Font & Size 例子

<!DOCTYPE HTML>

<html>

<head>

<title>html5_canvas_text_size</title>

<style>

body {margin: 0px;padding: 0px;}

#myCanvas {border: 1px solid #9C9898; margin:0 auto;margin-top:200px; margin-left:100px;}

</style>

<script>

window.onload = function(){

var canvas = document.getElementById("myCanvas");

var context = canvas.getContext("2d");

var x = 150;

var y = 100;

context.font = "40pt Calibri";

context.fillText("Hello 55ZM!", x, y);

};

</script>

</head>

<body>

<canvas>

</canvas>

</body>

</html>

吾吾织梦55zm

(原文出处:吾吾织梦)

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • html5canvas核心技术图形、动画与游戏开发源码

    html5canvas核心技术图形、动画与游戏开发源码

    2017-05-02 17:42

  • 打印html5中Canvas的方法

    打印html5中Canvas的方法

    2017-05-01 15:03

  • HTML5+Canvas调用手机拍照功能实现图片上传(下)

    HTML5+Canvas调用手机拍照功能实现图片上传(下)

    2017-04-30 17:00

  • HTML5新特性详解(三)

    HTML5新特性详解(三)

    2017-04-30 16:03

网友点评