HTML5 画布文字描边用于大字体


在 HTML5 Canvas 中正确绘制大字体时,可尝试运行以下代码 −

var myCanvas = document.getElementById("myCanvas");
var context = myCanvas.getContext("2d");

context.font = '180pt Georgia';
context.strokeStyle = "#FF0000";
context.fillStyle = "#FFFFFF ";
context.lineWidth = 34;

context.fillText("Demo!",0,200);
context.strokeText("Demo!",0,200);

更新于: 2020-6-25

188 次浏览

开启你的 职业生涯

完成课程后获得认证

开始学习
广告