码迷,mamicode.com
首页 > 其他好文 > 详细

canvas字体样式

时间:2019-02-22 23:15:16      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:pre   color   lte   contex   red   class   div   样式   填充   

<canvas style="border: aqua solid 1px;" id=‘canvas‘ width=‘500‘ height=‘500‘></canvas>
<script>
    var canvas = document.getElementById(‘canvas‘);
    context = canvas.getContext(‘2d‘);

    context.font = ‘38pt Arial‘; //字体样式
    context.fillStyle = ‘red‘; //填充线样式
    context.strokeStyle=‘blue‘; //轮廓线样式

    context.fillText("hellocav",100,100); //填充线
    context.strokeText("hellocav",100,100); //轮廓线
</script>

 

canvas字体样式

标签:pre   color   lte   contex   red   class   div   样式   填充   

原文地址:https://www.cnblogs.com/tongyuzhe/p/10421150.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!