在javascript中以像素为单位测量字符串的长度 [英] Measuring length of string in pixel in javascript

查看:73
本文介绍了在javascript中以像素为单位测量字符串的长度的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如果我知道font-size和font-family,如何找到javascript中字符串的长度?

How do I find the length of string in pixels in javascript , if I know the font-size and font-family?

推荐答案

最简单的解决方案是创建一个内存画布(即一个未添加到DOM中的画布),然后使用 measureText 函数:

The simplest solution is to create an in memory canvas (i.e. one that isn't added to the DOM) and then use the measureText function :

var canvas = document.createElement('canvas');
var ctx = canvas.getContext("2d");
ctx.font = "11px Arial";        
var width = ctx.measureText(str).width;

这篇关于在javascript中以像素为单位测量字符串的长度的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆