首页 > 其他 > 详细

canvas学习(三):文字渲染

时间:2017-11-20 18:42:30      阅读:387      评论:0      收藏:0      [点我收藏+]

一、绘制基本的文字:

var canvas = document.getElementById("myCanvas")
var ctx = canvas.getContext(‘2d‘)
			     
ctx.font = "bold 30px 微软雅黑"

ctx.fillText(‘canvas学习‘, 100 ,100)
ctx.fillStyle = "red"  //填充的文本

ctx.lineWidth = 1  
ctx.strokeStyle="blue"
ctx.strokeText(‘canvas学习‘,100,300)  //边框文本

注意:我们也可以用渐变色和图片填充文字的背景

技术分享图片

 

 

 

二:font属性

 

canvas学习(三):文字渲染

原文:http://www.cnblogs.com/momozjm/p/7867583.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!