image2d/src/library/xhtml/calculate.js

🍇 使用ECMAScript绘制二维图片。Drawing Two-Dimensional Pictures Using ECMAScript.

import getStyle from '../../core/get-style';

// 获取元素大小
export let size = function (type) {
    if (this.length <= 0) throw new Error('Target empty!');

    let elemHeight, elemWidth, dom = this[0];

    if (type == 'content') { //内容
        elemWidth = dom.clientWidth - ((getStyle(dom, 'padding-left') + "").replace('px', '')) - ((getStyle(dom, 'padding-right') + "").replace('px', ''));
        elemHeight = dom.clientHeight - ((getStyle(dom, 'padding-top') + "").replace('px', '')) - ((getStyle(dom, 'padding-bottom') + "").replace('px', ''));
    } else if (type == 'padding') { //内容+内边距
        elemWidth = dom.clientWidth;
        elemHeight = dom.clientHeight;
    } else if (type == 'border') { //内容+内边距+边框
        elemWidth = dom.offsetWidth;
        elemHeight = dom.offsetHeight;
    } else if (type == 'scroll') { //包含滚动的尺寸（不包括border）
        elemWidth = dom.scrollWidth;
        elemHeight = dom.scrollHeight;
    } else {
        elemWidth = dom.offsetWidth;
        elemHeight = dom.offsetHeight;
    }
    return {
        width: elemWidth,
        height: elemHeight
    };
};