Server : Apache/2.4.41 (Ubuntu) System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory :  /var/www/html/libs/absol-form/js/shapes/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

import Svg from "absol/src/HTML5/Svg";
import BaseShape from "../core/BaseShape";
import {AssemblerInstance} from "../core/Assembler";

var _ = Svg.ShareInstance._;
var $ = Svg.ShareInstance.$;

function Ellipse() {
    BaseShape.call(this);
}

Object.defineProperties(Ellipse.prototype, Object.getOwnPropertyDescriptors(BaseShape.prototype));
Ellipse.prototype.constructor = Ellipse;

Ellipse.prototype.tag = "Ellipse";
Ellipse.prototype.menuIcon = "span.mdi.mdi-ellipse-outline";



Ellipse.prototype.renderContent = function () {
    return _('ellipse');
};


Ellipse.prototype.setStyleFillColor = function (value) {
    value = BaseShape.prototype.setStyleFillColor.call(this, value);
    if (this.$content)
        this.$content.addStyle('fill', value);
    return value;
};


Ellipse.prototype.setStyleStrokeColor = function (value) {
    value = BaseShape.prototype.setStyleFillColor.call(this, value);
    if (this.$content)
        this.$content.addStyle('stroke', value);
    return value;
};

Ellipse.prototype.setStyleStrokeWidth = function (value) {
    value = BaseShape.prototype.setStyleStrokeWidth.call(this, value);
    if (this.$content)
        this.$content.addStyle('strokeWidth', value + '');
    this.updateShape();
    return value;
};

Ellipse.prototype.updateShape = function () {
    if (!this.view) return;
    var bound = this.view.getBoundingClientRect();
    this.$content.addStyle({
        cx: bound.width / 2 + '',
        cy: bound.height / 2 + '',
        rx: (bound.width - this.style.strokeWidth - 0.1) / 2 + '',// prevent miss some pixel
        ry: (bound.height - this.style.strokeWidth - 0.1) / 2 + ''
    });
};


AssemblerInstance.addClass(Ellipse);

export default Ellipse;