基于html5 canvas 获取文本占用的像素宽度
by:授客 qq:1033553122
直接上代码
// 获取单行文本的像素宽度
gettextpixelwith(text, fontstyle) {
var canvas = document.createelement("canvas"); // 创建 canvas 画布
var context = canvas.getcontext("2d"); // 获取 canvas 绘图上下文环境
context.font = fontstyle; // 设置字体样式,使用前设置好对应的 font 样式才能准确获取文字的像素长度
var dimension = context.measuretext(text); // 测量文字
returndimension.width;
}
使用
let centertextpixelwidth = this.gettextpixelwith(
'想要获取像素宽度的文本',
'13px "microsoft yahei"'
);
如对本文有疑问, 点击进行留言回复!!
javascript 实现Promise.prototype.then
网友评论