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