<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<!-- canvas的id为canvas_1。
canvas大小为150*150,top为10,left为10。(单位px)
在canvas上绘制文字,要求如下:
文字在canvas中的坐标为30,30,
文字内容为hello world,
字体为Arial,大小为20px,RGB正红色。 -->
<body>
<canvas id="canvas_1" width="" height=""></canvas>
<script type="text/javascript">
var canvas_1=document.getElementById('canvas_1')
canvas_1.style.width='150px';
canvas_1.style.height='150px';
canvas_1.style.top='10px';
canvas_1.style.left='10px';
var ctx=canvas_1.getContext('2d');
function fillChar() {
ctx.fillStyle='#ff0000';
ctx.font='20px Arial';
ctx.fillText('hello world',30,30)
}
fillChar()
</script>
</body>
</html>
canvas写文字
最新推荐文章于 2024-06-27 15:57:20 发布