ng-fancy-gui
Version:
This package contains components, for creating userinterfaces in a Angular app.
20 lines • 3.12 kB
JavaScript
export class HorizontalLine {
constructor(thikness, height, x, y, value, rotationSlider) {
this.thikness = thikness;
this.height = height;
this.x = x;
this.y = y;
this.value = value;
this.rotationSlider = rotationSlider;
}
render() {
this.rotationSlider.ctx.beginPath();
this.rotationSlider.ctx.moveTo(this.x - this.rotationSlider.horizontalLineMove, this.y);
this.rotationSlider.ctx.lineTo(this.x - this.rotationSlider.horizontalLineMove, this.height);
this.rotationSlider.ctx.lineWidth = this.thikness;
this.rotationSlider.ctx.strokeStyle = this.rotationSlider.lineColor;
this.rotationSlider.ctx.stroke();
this.rotationSlider.ctx.closePath();
}
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9yaXpvbnRhbExpbmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy1mYW5jeS1ndWkvIiwic291cmNlcyI6WyJsaWIvc2xpZGVyLWluZmluaXRlL2NsYXNzZXMvaG9yaXpvbnRhbExpbmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxPQUFPLGNBQWM7SUFHekIsWUFBb0IsUUFBUSxFQUFVLE1BQU0sRUFBUyxDQUFDLEVBQVUsQ0FBQyxFQUFVLEtBQUssRUFBVSxjQUF1QztRQUE3RyxhQUFRLEdBQVIsUUFBUSxDQUFBO1FBQVUsV0FBTSxHQUFOLE1BQU0sQ0FBQTtRQUFTLE1BQUMsR0FBRCxDQUFDLENBQUE7UUFBVSxNQUFDLEdBQUQsQ0FBQyxDQUFBO1FBQVUsVUFBSyxHQUFMLEtBQUssQ0FBQTtRQUFVLG1CQUFjLEdBQWQsY0FBYyxDQUF5QjtJQUVqSSxDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQ3BDLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsa0JBQWtCLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3hGLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsa0JBQWtCLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzdGLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ2xELElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQztRQUNwRSxJQUFJLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUNqQyxJQUFJLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUV0QyxDQUFDO0NBRUYiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1NsaWRlckluZmluaXRlQ29tcG9uZW50fSBmcm9tICcuLi9zbGlkZXItaW5maW5pdGUuY29tcG9uZW50JztcblxuZXhwb3J0IGNsYXNzIEhvcml6b250YWxMaW5lIHtcblxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdGhpa25lc3MsIHByaXZhdGUgaGVpZ2h0LCBwdWJsaWMgeCwgcHJpdmF0ZSB5LCBwcml2YXRlIHZhbHVlLCBwcml2YXRlIHJvdGF0aW9uU2xpZGVyOiBTbGlkZXJJbmZpbml0ZUNvbXBvbmVudCkge1xuXG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgdGhpcy5yb3RhdGlvblNsaWRlci5jdHguYmVnaW5QYXRoKCk7XG4gICAgdGhpcy5yb3RhdGlvblNsaWRlci5jdHgubW92ZVRvKHRoaXMueCAtIHRoaXMucm90YXRpb25TbGlkZXIuaG9yaXpvbnRhbExpbmVNb3ZlLCB0aGlzLnkpO1xuICAgIHRoaXMucm90YXRpb25TbGlkZXIuY3R4LmxpbmVUbyh0aGlzLnggLSB0aGlzLnJvdGF0aW9uU2xpZGVyLmhvcml6b250YWxMaW5lTW92ZSwgdGhpcy5oZWlnaHQpO1xuICAgIHRoaXMucm90YXRpb25TbGlkZXIuY3R4LmxpbmVXaWR0aCA9IHRoaXMudGhpa25lc3M7XG4gICAgdGhpcy5yb3RhdGlvblNsaWRlci5jdHguc3Ryb2tlU3R5bGUgPSB0aGlzLnJvdGF0aW9uU2xpZGVyLmxpbmVDb2xvcjtcbiAgICB0aGlzLnJvdGF0aW9uU2xpZGVyLmN0eC5zdHJva2UoKTtcbiAgICB0aGlzLnJvdGF0aW9uU2xpZGVyLmN0eC5jbG9zZVBhdGgoKTtcblxuICB9XG5cbn1cbiJdfQ==