HTML5绘制空心的文本

HTML5绘制空心的文本


1、设计源码





HTML5绘制空心的文本





2、实现结果



3、结果说明

(1)创建一个画布,并设置id、宽度和高度


(2)找到元素

var canvas = document.getElementById("canvas");

(3)创建context对象,选择“2d”

var ctx = canvas.getContext("2d");

(4)设置字样和字体大小

ctx.font = "50px 微软雅黑";

(5)绘制空心文本,设置文本内容、文本横坐标起始坐标和文本纵坐标起始坐标

ctx.strokeText("HTML5",300,300);



本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部