clay-core
Version:
Provide a more friendly web-side drawing interface!
44 lines (40 loc) • 1.38 kB
HTML
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../../libs/easycss-1.3.1.min.css">
<link rel="stylesheet" href="../../libs/prettify.css">
<link rel="stylesheet" href="../../doc.css">
<script src="../../libs/prettify.js"></script>
</head>
<body onload="prettyPrint()">
<header>
有益的方法
</header>
<p>
主要是一些非基础但是在绘图中会经常使用到的高效方法。
</p>
<h2>
size
</h2>
<pre class='prettyprint lang-js'>var size=clayObject.size(type);</pre>
<p>
返回clay对象维护的第一个结点的宽和高，格式如下：
</p>
<pre class='prettyprint lang-js'>{
width:number,
height:number
}</pre>
<p>
其中，可以传递一个参数type，也可以不传使用默认值，具体可以传参数如下：
</p>
<ul>
<li>'content'：计算的是内容的宽高；</li>
<li>'padding'：计算的是内容+内边距的宽高；</li>
<li>'border'：计算的是内容+内边距+边框的宽高（缺省值）；</li>
<li>'scroll'：计算的是滚动的宽（不包括边框）的宽高。</li>
</ul>
</body>
</html>