<html>
<head>
<style>
#round{
width:400px
height:200px
}
#round p{
color:#f00 //设置字体颜色为红色；
}
</style>
</head>
<body>
<div id="round">
<p>测试文字</p>
</div>
</body>
</html>
HTML5 Canvas的文本设置字体和大小，可以使用的字体在画布范围内的属性。下面是一个简单的实例，基本语法：
context.font=[value]
HTML5 Canvas Text Font &Size 例子
<!DOCTYPE HTML>
<html>
<head>
<title>html5_canvas_text_size</title>
<style>
body {margin: 0pxpadding: 0px}
#myCanvas {border: 1px solid #9C9898margin:0 automargin-top:200pxmargin-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 WEBJX!", x, y)
}
</script>
</head>
<body>
<canvas id="myCanvas" width="578" height="200">
</canvas>
</body>
</html>
一般你在用电脑做手机网页的时候，浏览器显示的比例和手机的比例为50%，就是说你在浏览器上面正常的内容在手机上只有50%的整体大小适配，所以说在浏览器做调试的时候把预览图缩小50%，然后调试各种属性的大小，显示正常后放到手机上就完美了欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）