js 怎样获取字型的宽度和高度 比如9pt这样大小的文字
字型的高宽，这个没法量的，因为好多字型，不同字元下大小不一样，比如 a 就是比 i 宽。
我猜你的问题应该是应该是获取一个具有特定字型，字号的字串的宽度和高度吧。
你可以新建一个span标签，隐藏标签，把你的字串放进去，赋上你想要的字型，字号。然后度量这个span的宽度和宽度就好了。这个span的宽高就是字串的宽高。
JS根据字号获取字型的宽度给元素然后取他的clientHeight就OK了
Java怎么获取字串的宽度和高度, java 能获取到文字所使用某种字型后的宽度及高度吗字串没有高和宽的概念，这是一个伪命题，请考虑重新修改问题；
如果你值的是在ui上显示字串的控制元件的高和宽，那么需要获取到这个控制元件的例项，然后呼叫控制元件的响应函式，比如getHeight之列的方法来获取你想要的资讯。
8开大小的纸的宽度和高度宽是555厘米/高是37厘米。绝对正确
190A喷码机怎样调字型的宽度，高度是金诺的190A吧，调字型的大小只要用滑鼠选中所要调节的字，再根据需要调节字型的大小即可，主要是要用滑鼠选好字了
火狐书签栏怎样改变宽度，高度以及字型的大小
不可以直接调节宽度，但可以把其他栏关闭来增加其宽度，
1、开启浏览器，
2、右键标签栏空白处，
3、出现以下选项，并把外挂栏和其他与其同一行的栏去勾选即可。
怎样获取UIWebView 的文字的高度#import"ViewControllerh"
@interfaceViewController()
@property(nonatomic,strong)UIWebViewwebView;
@end
@implementationViewController
- (void)viewDidLoad {
[superviewDidLoad];
_webView= [[UIWebViewalloc]initWithFrame:CGRectMake(0,0,selfviewframesizewidth,1)]; 1随便多少,不能为0
_webViewdelegate=self;
[selfviewaddSubview:_webView];
_webViewscalesPageToFit=YES;
NSURLRequestrequest =[NSURLRequestrequestWithURL:[NSURLURLWithString:@":1921681123:3199/5/Html5Article/ArticleDetailaid=7e15de0a-20be-11e6-a7ad-78e3b5a9d432"]];
[_webViewloadRequest:request];
}
- (void)webViewDidFinishLoad:(UIWebView)webView{
CGFloatsizeHeight = [[webViewstringByEvaluatingJavaScriptFromString:@"documentbodyoffsetHeight;"]floatValue];
NSLog(@"contentWebView sizeHeight====%f",sizeHeight 05); 05自认为是画素的问题
1039pt=多少大小的字型1pt=03514（美国，日本）
1pt=03528（美国）
103903514=365
3654=146Q
15Q就可以了
textview中每个文字的高度和宽度，有办法获取吗webviewgetContentHeight(); 获取内容高度 获取内容宽度的话。。除非通过js伺服器那边返回，，
Struts标签html:textarea的高度怎么加？
常用的HTML标签和属性解释, 请搜索"常用的HTML标签和属性"
以下是摘录:
基本结构标签:
<HTML>,表示该文件为HTML文件
<HEAD>,包含文件的标题,使用的脚本,样式定义等
<TITLE>---</TITLE>,包含文件的标题,标题出现在浏览器标题栏中
</HEAD>,<HEAD>的结束标志
<BODY>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示
</BODY>,<BODY>的结束标志
</HTML>,<HTML>的结束标志
其它主要标签,以下所有标志用在<BODY></BODY>中:
<A,HREF="…"></A>,链接标志,"…"为链接的文件地址
<IMG,SRC="…">,显示标志,"…"为的地址
<BR>,换行标志
<P>,分段标志
<B></B>,采用黑体字
<I></I>,采用斜体字
<HR>,水平画线
<TABLE></TABLE>,定义表格,HTML中重要的标志
<TR></TR>,定义表格的行,用在<TABLE></TABLE>中
<TD></TD>,定义表格的单元格,用在<TR></TR>中
<FONT></FONT>,字体样式标志
属性:
属性是用来修饰标志的,属性放在开始标志内
例:属性bgcolor="BLACK"表示背景色为黑色
引用属性的例子:
<BODY,bgcolor="BLACK"></BODY>表示页面背景色为黑色;
<TABLE,bgcolor="BLACK"></TABLE>表示表格背景色为黑色
常用属性:
对齐属性,范围属性:
ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度
ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度
ALIGN=RIGHT,右对齐
色彩属性:
COLOR=#RRGGBB,前景色,参考色彩对照表
BGCOLOR=#RRGGBB,背景色
<center>表示绝对居中
<table></table>表格标识的开始和结束
属性:
cellpadding=数值单位是像素,定义表元内距
cellspacing=数值单位是像素,定义表元间距
border=数值单位是像素,定义表格边框宽度
width=数值单位是像素或窗口百分比,定义表格宽度
background=链接地址,定义表格背景图
<tr></tr>表格中一个表格行的开始和结束;
<td></td>表格中行内一个单元格的开始和结束
属性:
Colspan="",单元格跨越多列;
Rowspan="",单元格跨越多行;
Width="";定义表格宽度
Height="";定义表格高度
Align="";对齐方式
Valign="";
Border="",边框宽度;
Bgcolor="",背景色;
Bordercolor="",边框颜色;
Bordercolorlight="",边框明亮面的颜色;
Bordercolordark="",边框暗淡面的颜色;
Cellpadding="",内容与边框的距离(默认为2);
Cellspacing="",单元格间的距离(默认为2);
<br>强制换行
<font></font>文本标识的开始和结束
属性:
face=字体
color=颜色
<b></b>加粗文字标识的开始和结束
属性:
style=font-size:40pt;,用样式表方式控制字体大小,这里是40点
<div></div>,分区标识的开始和结束
属性:
align=|center|left|right|水平对齐方式
<marquee></marquee>动态标识的开始和结束,如标识内放置贴图格式则可实现滚动
属性:
scrollamount=1~60,滚动速度
direction=|left|right|up|down|,滚动方向
scrolldelay=滚动延时,单位:毫秒
<P>段落标识,
空格符,
<img>贴图标识
属性:
src=//链接地址,贴图标识必备属性
style=filter:Alpha(opacity=100,style=2);
filter:样式表滤镜;
Alpha:透明滤镜,
opacity:不透明度100(0~100);
style:样式2(0~3),
rules="none"不显示内框"
<embed,src="…">多媒体文件标识
属性:
SRC="//FILENAME",
设定音乐文件的路径,文件类型除了可以播放rm;mp3;wav等音频,还可播放swf和mov等视频
AUTOSTART=TRUE/FALSE,
是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE
LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止
STARTIME="分:秒",
设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20
VOLUME=0-100,
设定音量的大小如果没设定的话,就用系统的音量
WIDTH,HEIGHT,
设定控制面板的大小,都设为0可隐藏播放器
HIDDEN=TRUE,
隐藏控制面板
CONTROLS=CONSOLE/SMALLCONSOLE,
设定控制面板的样子,
<bgsound,src="…">,背景音乐标识,只能用于wav和mp3格式
属性:
LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止
表单标签:
<form></form>表格标识的开始和结束,表单的内容都放在这里
下边的标签放在表单内:
<select>下拉选择框
<option></option>
</select>
属性:
Multiple,多选
<textarea></textarea>,大量文字输入的编辑块
属性:
Cols="",行;
Rows="",列;
<input,type="text">,文本框
<input,type="password">,密码框
<input,type="submit">,提交按扭
<input,type="checkbox">,复选框
<input,type="radio">,单选框
<input,type="reset">,重置按扭
<input,type="image">,按扭
<input,type="hidden">,隐藏域
<input,type="button">,按扭
<input,type="file">,浏览文件
公共属性:
Name="";
Value=""
Size=""
框架标签:
<FRAMESET></FRAMESET>,定义框架
<FRAME>,放在框架标签内,定义每个框架的内容
属性:
Cols=""
Rows=""
Frameborder=""
Framespacing=""
src=""
Scrolling="",滚动条(No,Yes);
Noresize,框加大小不可变;
Marginhight="",高度空余空间;
Marginwidth="",宽度空余空间;
Target="",目标框架
其他标签:
<bgsound>,背景音乐;
Src=""
Loop="",循环次数;
<embed>,媒体播放块;
Src=""
Loop="",循环次数;
<marquee></marquee>,滚动部分;
属性:
Bgcolor=""
Behavior,设置或获取文本如何在字幕中滚动
Direction="",滚动方向;
Height=""
Width=""
Loop="",环次数;
scrollAmount="",设置或获取介于每个字幕绘制序列之间的文本滚动像素数
scrollDelay="",设置或获取字幕滚动的速度
scrollHeight="",获取对象的滚动高度;
scrollLeft="",设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop="",设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
trueSpeed="",设置或获取字幕的位置是否使用scrollDelay和scrollAmount属性计算,已过的实际时间来自于时钟计时
<!---->,注释标记,在"<!--"与"-->"之间的内容将不在浏览器中显示
--
基本标签:
<html></html>,创建一个HTML文档;
<head></head>,设置文档标题和其它在网页中不显示的信息;
<title></title>,设置文档的标题;
<h1></h1>,最大的标题;
<pre></pre>,预先格式化文本;
<u></u>,下划线
<b></b>,黑体字;
<i></i>,斜体字;
<tt></tt>,打字机风格的字体;
<cite></cite>,引用,通常是斜体;
<em></em>,强调文本(通常是斜体加黑体);
<strong></strong>,加重文本(通常是斜体加黑体);
<font,size="",color=""></font>,设置字体大小从1到7,颜色使用名字或RGB的十六进制值;
<BASEFONT></BASEFONT>,基准字体标记;
<big></big>,字体加大;
<SMALL></SMALL>,字体缩小;
<STRIKE></STRIKE>,加删除线;
<CODE></CODE>,程式码;
<KBD></KBD>,键盘字;
<SAMP></SAMP>,范例;
<VAR></VAR>,变量;
<BLOCKQUOTE></BLOCKQUOTE>,向右缩排;
<DFN></DFN>,述语定义;
<ADDRESS></ADDRESS>,地址标记;
<sup></SUP>,上标字;
<SUB></SUB>,下标字;
<xmp></xmp>固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext></plaintext>固定宽度字体(不执行标记符号);
<listing></listing>,固定宽度小字体;
<font,color=00ff00></font>字体颜色;
<font,size=1></font>最小字体;
<font,style,='font-size:100,px'></font>无限增大
格式标签:
<p></p>,创建一个段落;
<p,align="">,将段落按左、中、右对齐;
<br>,换行,插入一个回车换行符;
<blockquote></blockquote>,从两边缩进文本;
<dl></dl>,列表标签,定义列表;
<dt>,定义列表标题;
<dd>,定义列表内容;
例:
<dl>
<dt>标题1</dt>
<dd>内容11</dd>
<dd>内容12</dd>
<dt>标题2</dt>
<dd>内容21</dd>
<dd>内容22</dd>
</dl>
<ol></ol>,列表标签,定义一个标有数字的列表;
<ul></ul>,列表标签,定义一个标有圆点的列表;
<li>,放在每个列表项之前;
放在<ol></ol>之间则每个列表项加上一个数字,放在<ul></ul>之间则每个列表项加上一个圆点;
<div,align=""></div>,分区标签,用来排版大块HTML段落,也用于格式化表;
<MENU>,选项清单;
<DIR>,目录清单;
<nobr></nobr>,强行不换行;
<hr,size='9',width='80%',color='ff0000'>水平线(设定宽度);
<center></center>,水平居中
链接标签:
<a,href="URL"></a>,创建超文本链接;
<a,href="mailtEMAIL">
</a>,创建自动发送电子邮件的链接;
<a,name="name"></a>,创建位于文档内部的书签;
<a,href="#name"></a>,创建指向位于文档内部书签的链接;
<BASE>,文档中不能被该站点辨识的其它所有链接源的URL;
<LINK>,定义一个链接和源之间的相互关系;
链接标签注解:
target="",决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top);
rel="",发送链接的类型;
rev="",保存链接的类型;
accesskey="",指定该元素的热键;
shape="",允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly);
coord="",使用像素或者长度百分比来定义形状的尺寸;
tabindex="",使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)
表格标签:
<table></table>,创建一个表格;
<tr></tr>,表格中的每一行;
<td></td>,表格中一行中的每一个格子;
<th></th>,设置表格头:通常是黑体居中文字;
<table,cellspacing="">,设置表格格子之间空间的大小;
<table,border="">,设置边框的宽度;
<table,cellpadding="">,设置表格格子边框与其内部内容之间空间的大小;
<table,width="">,设置表格的宽度用绝对像素值或总宽度的百分比;
<table,align="">,设置表格格子的水平对齐方式(left,center,right,justify);
<tr,align="">,设置表格格子的水平对齐方式(left,center,right,justify);
<tr,valign="">,设置表格格子的垂直对齐方式(baseline,bottom,middle,top);
<td,colspan="">,设置一个表格格子跨占的列数(缺省值为1);
<td,rowspan="">,设置一个表格格子跨占的行数(缺省值为1);
<td,nowrap>,禁止表格格子内的内容自动断行;
<CAPTION></CAPTION>,表格的标题;
<COLGROUP></COLGROUP>,定义多个列为一组列;
<TABLE></TABLE>,创建一个表格;
<THEAD></THEAD>,定义表格的页眉;
<COL>,定义一个列组中的列，以便对它们能够同时设置有关属性;
<TBODY></TBODY>,定义一个表格的实体;
<TFOOT></TFOOT>,定义一个表格的页脚;
表单标签:
<form></form>,创建表单;
action="",接收数据的服务器的URL;
method="",>
$(document)ready(function(){
alert($(window)height()); //浏览器当前窗口可视区域高度
alert($(document)height()); //浏览器当前窗口文档的高度
alert($(documentbody)height());//浏览器当前窗口文档body的高度
alert($(documentbody)outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window)width()); //浏览器当前窗口可视区域宽度
alert($(document)width());//浏览器当前窗口文档对象宽度
alert($(documentbody)width());//浏览器当前窗口文档body的高度
alert($(documentbody)outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
alert(screenheight);//显示器分辨率，只能用JavaScript代码获
alert(screenwidth);
});
上面的方法可以根据自己的需求选择一个合适的，
然后。获取固定层的大小：
var fixedWidth = $("#fixed")width();var fixedHeight = $("#fixed")height();
最后赋给textarea：
$("#textarea")width(bodyWidth - fixedWidth);$("#textarea")height(bodyHeight - fixedHeight);
QML 允许开发人员以声明的方式构建用户界面。
Qt Quick 是一个模块，它提供用于创建用户界面的 QML 类型，例如具有自己的坐标系和渲染引擎的可视画布。动画和过渡效果是 Qt Quick 中的一流概念，视觉效果可以通过粒子和着色器效果的专用组件来补充。
Qt Quick Controls 模块（自Qt 57 起）提供轻量级 QML 类型，用于创建高性能用户界面。这些控件通过采用简化的样式架构来提高效率。
如定义一个Rectangle的对象，该对象有一个子对象Text。示例如下：
要显示 QML 文档定义的图形场景，可以使用Qt Creator)加载。对于像这样的简单 UI 文件，从 Qt Creator 中选择 File > New File 或 Project > Application (Qt Quick) > Qt Quick Application - Empty 。
按下绿色运行按钮运行应用程序。可以看到文本Hello, World! 在一个红色矩形的中心。
Core Text提供了一系列方便的函数，可以很容易的把文本绘制在屏幕上，对于一个Frame来说，一般并不需要担心文本的排列问题，这些Core Text的函数都可以直接搞定，只要给他一个大小合适的CGRect就可以。
但，在某些情况下，我们还希望知道这段文本在绘制之后，对应绘制的字体字号设置，在屏幕上实际占用了多大面积。举例来说，有文本段落a，屏幕大小rect，通常做法是以rect创建path，然后创建CTFramesetter，再然后创建CTFrame，最后用CTFrameDraw画出来，这时候，往往文本段落占用的实际面积会小于rect，这时候就有必要获得这段文本所占用的真正面积。
最理想的情况是使用
double CTLineGetTypographicBounds( CTLineRef line, CGFloat ascent, CGFloat descent, CGFloat leading );
这是Core Text提供的函数，传入CTLine，就会得到这一行的ascent,descent和leading，在OSX上通常可以工作的很好，但是在iOS(iPhone/iPad)上这个函数的结果略有不同。
正常情况下，计算行高只需要ascent+descent+leading即可。在这个略有不同的情况下，leading的值会出现偏差，导致算出来的结果是错误的。如果不管行距，ascent+descent计算出来的Glyph的高度还是正确的。
这样就有了第一步
在创建用于绘图的CFAttributedStringRef时，除了设置字体，多设置一个CTParagraphStyleRef，其中特别应该确定行距kCTParagraphStyleSpecifierLineSpacing。在计算这里时，先逐行计算ascent+descent，累加起来，再加上一个行数之前设置好的行距，这样算出来的就是这些文本的实际高度，CTLineGetTypographicBounds返回的结果是宽度，这样就可得到文本实际填充面积的Rect了。
但是这还是有问题，因为OSX上和iOS处理不同，所以事实上iOS的模拟器和真机的最终效果是不一样的，这样调试程序很麻烦。
于是还需要第二步
在最终往页面上绘制的时候，不再用CTFrameDraw来一次绘制全部，而是使用CTLineDraw逐行画，在画之前，先用CGContextSetTextPosition来设置好每行文本的位置。这样就保证了在任何平台上绘制效果一致。
问题就解决了。
CoreText在OS X和iOS上实现有很多细节区别，比如说，对CTRun的划分方式也不一样，在iOS上划分出来的Run数量比OSX上少很多，是按照字体划分的Run，按照文档出来，这是正确的，但OSX上是一个字一个Run这样划分的，和文档不符。iOS上的处理显然效率更好。
stackoverflow 上有一个类似的讨论，不过没考虑到iOS的区别
MultiLine 属性多行ScrollBars 属性返回或设置一个值，该值指示一个对象是有水平滚动条还是有垂直滚动条。在运行时是只读的。语法objectScrollBarsobject 所在处代表一个对象表达式，其值是“应用于”列表中的一个对象。
<div ref="elememt" > </div>
//获取高度值
var height= this$refstextoffsetHeight; //100
//获取元素样式值,element 为元素ref="element"
var heightCss = windowgetComputedStyle(this$refselement)height; // 100px
//获取元素内联样式值
var heightStyle =this$refselementstyleheight; // 100px</pre>
以上就是关于js 怎样获取字型的宽度和高度 比如9pt这样大小的文字全部的内容，包括:js 怎样获取字型的宽度和高度 比如9pt这样大小的文字、textarea的高度怎么加、JQ 怎么给一个<textarea></textarea>一个动态的高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）