whiteboard/dist/cjs/board/Baseboard/index.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var uuid_1 = require("./../../utils/uuid");
var index_1 = require("./../../renderer/SvgHelper/index");
var Baseboard = (function () {
    function Baseboard(source) {
        var _this = this;
        this.id = uuid_1.uuid();
        this.initBoard = function () {
            _this.boardHolder = document.createElement('div');
            _this.boardHolder.id = "fcw-board-holder-" + _this.id;
            _this.boardHolder.style.setProperty('touch-action', 'none');
            _this.boardHolder.style.setProperty('-ms-touch-action', 'none');
            document.body.appendChild(_this.boardHolder);
            _this.boardCanvas = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
            _this.boardCanvas.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
            _this.boardCanvas.setAttribute('width', _this.width.toString());
            _this.boardCanvas.setAttribute('height', _this.height.toString());
            _this.boardCanvas.setAttribute('viewBox', '0 0 ' + _this.width.toString() + ' ' + _this.height.toString());
            _this.boardHolder.style.position = 'absolute';
            _this.boardHolder.style.width = _this.width + "px";
            _this.boardHolder.style.height = _this.height + "px";
            _this.boardHolder.style.transformOrigin = 'top left';
            _this.positionBoard();
            _this.defs = index_1.SvgHelper.createDefs();
            _this.boardCanvas.appendChild(_this.defs);
            _this.boardHolder.appendChild(_this.boardCanvas);
        };
        this.positionBoard = function () {
            _this.boardHolder.style.top = _this.targetRect.top + 'px';
            _this.boardHolder.style.left = _this.targetRect.left + 'px';
        };
        this.source = source;
        if (source.imgEle) {
            this.target = source.imgEle;
            this.width = this.target.clientWidth;
            this.height = this.target.clientHeight;
        }
    }
    return Baseboard;
}());
exports.Baseboard = Baseboard;