来一发HTML5 Canvas的文本设置字体和巨细

显示全部楼层 · 发表于 2015-1-15 23:09:42

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

就在新标准备受瞩目之际，两大网络监督机构却起冲突。破洛洛文章简介：HTML5Canvas的文本设置字体和巨细.
HTML5Canvas的文本设置字体和巨细，我们可使用的字体在画布局限内的属性。
上面我们就做一个复杂的实例为人人解说下，基础语法：

context.font=[value];

复制代码

HTML5CanvasTextFont&Size例子
<!DOCTYPEHTML>
<html>
<head>
<title>html5_canvas_text_size</title>
<style>
body{margin:0px;padding:0px;}
#myCanvas{border:1pxsolid#9C9898;margin:0auto;margin-top:200px;margin-left:100px;}
</style>
<script>
window.onload=function(){
varcanvas=document.getElementById("myCanvas");
varcontext=canvas.getContext("2d");

varx=150;
vary=100;
context.font="40ptCalibri";
context.fillText("HelloWEBJX!",x,y);
};
</script>
</head>
<body>
<canvasid="myCanvas"width="578"height="200">
</canvas>
</body>
</html>
</p>
WHATWG版和W3C版的HTML5规范虽然根源相同，在一些领域却已经产生分歧。

		自动登录	找回密码
密码			立即注册

[HTML5] 来一发HTML5 Canvas的文本设置字体和巨细

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子