📄 ext.util.textmetrics.html
字号:
<!--Mock<link rel="stylesheet" type="text/css" href="http://localhost/ext/resources/css/ext-all.css" /><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/docs.css"/><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/style.css"/>--><style type="text/css"> body { overflow: scroll; } /** .mdesc .long { display: block; } */</style><!-- End Mock--><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.util.TextMetrics-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.util.TextMetrics-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.util.TextMetrics-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.util.TextMetrics-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.util.TextMetrics"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a> </div><h1>Class Ext.util.TextMetrics</h1> <table cellspacing="0"> <!-- <tr> <td class="label"> Package: </td> <td class="hd-info"> </td> </tr> --> <tr> <td class="label"> Defined In: </td> <td class="hd-info"> TextMetrics.js </td> </tr> <tr> <td class="label"> Class: </td> <td class="hd-info"> Ext.util.TextMetrics </td> </tr> <tr> <td class="label"> Extends: </td> <td class="hd-info"> Object </td> </tr> </table> <div class="description"> 为一段文字提供一个精确象素级的测量,以便可以得到某段文字的高度和宽度。
</div> <div class="hr"> </div> <a id="Ext.util.TextMetrics-configs"></a> <h2>配置项</h2> 这个类没有配置项。 <a id="Ext.util.TextMetrics-props"></a> <h2>公告属性</h2> 这个类没有公告属性。 <a id="Ext.util.TextMetrics-methods"></a> <h2>公共方法</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2"> 方法 </th> <th class="msource-header"> 定义者 </th> </tr> <tr class="method-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <!--ClassName--><a id="measure-measure"></a> <b>measure</b> ( <code> String/HTMLElement el, </code> <code> String text, </code> <code> Number fixedWidth </code> ) : Object} 由文字尺寸组成的对象 {width: (width), height: (height) <div class="mdesc"> <div class="short">
测量指定文字尺寸
以便正确的测出高度。
</div> <div class="long">
测量指定文字尺寸
以便正确的测出高度。
<div class="mdetail-params"> <strong>参数项:</strong> <ul> <li> <code> el </code> : String/HTMLElement <div class="sub-desc"> 元素,DOM节点或ID,使得被渲染之文字获得新的CSS样式。 </div> </li> <li> <code> text </code> : String <div class="sub-desc"> 欲测量的文字 </div> </li> <li> <code> fixedWidth </code> : Number <div class="sub-desc"> (optional) 如果文字是多行的,您必须先设置好一个宽度。 </div> </li> </ul> <b>返回:</b> <ul> <li> <code> Object} 由文字尺寸组成的对象 {width: (width), height: (height) </code> */ </li> </ul> </div> </div> </div> </td> <td class="msource"> TextMetrics </td> </tr> <tr class="method-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <!--ClassName--><a id="createInstance-createInstance"></a> <b>createInstance</b> ( <code> String/HTMLElement el, </code> <code> Number fixedWidth </code> ) : Ext.util.TextMetrics.Instance <div class="mdesc"> <div class="short">
返回一个唯一的TextMetrics实例,直接绑定到某个元素和复用... </div> <div class="long">
返回一个唯一的TextMetrics实例,直接绑定到某个元素和复用,
这样会减少在每个测量上初始样式属性的多次调用。
以便正确地测出高度。
<div class="mdetail-params"> <strong>参数项:</strong> <ul> <li> <code> el </code> : String/HTMLElement <div class="sub-desc"> 将实例绑定到的元素,DOM节点或ID </div> </li> <li> <code> fixedWidth </code> : Number <div class="sub-desc"> (optional) 如果文字是多行的,您必须先设置好一个宽度。 </div> </li> </ul> <b>返回:</b> <ul> <li> <code> Ext.util.TextMetrics.Instance </code> instance 新实例 </li> </ul> </div> </div> </div> </td> <td class="msource"> TextMetrics </td> </tr> <tr class="method-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <!--ClassName--><a id="getSize-getSize"></a> <b>getSize</b> ( <code> String text </code> ) : Object} 由文字尺寸组成的对象 {width: (width), height: (height) <div class="mdesc"> <div class="short">
返回一个指定文字的尺寸。该文字内置元素的样式和宽度属性
</div> <div class="long">
返回一个指定文字的尺寸。该文字内置元素的样式和宽度属性
<div class="mdetail-params"> <strong>参数项:</strong>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -