jquery获取文本的宽度和高度。

来源:互联网 发布:java的string不可变 编辑:程序博客网 时间:2024/04/28 21:22

这里借助了html的span标签,具体做法如下:

String.prototype.getTextWH = function(style){//获取字符串宽度及高度var $span=$("<span>"+this+"</span>");$span.css($.extend({},style,{visibility:"hidden"}));$("body").append($span);var result={"width":$span.width(),"height":$span.height()};$span.remove();return result;};

style可以指定该文本的字体样式及大小等。

调用方式:

var wh="你好".getTextWH({"fontSize" : "12px","fontFamily" : "微软雅黑",    "font-weight" : "blod"});alert("宽度:"+wh.width+",高度:"+wh.height);

0 0
原创粉丝点击