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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9yaXpvbnRhbExpbmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy1mYW5jeS1ndWkvIiwic291cmNlcyI6WyJsaWIvcm90YXRpb24tc2xpZGVyL2NsYXNzZXMvaG9yaXpvbnRhbExpbmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxPQUFPLGNBQWM7SUFHekIsWUFBb0IsUUFBUSxFQUFVLE1BQU0sRUFBVSxDQUFDLEVBQVUsQ0FBQyxFQUFVLEtBQUssRUFBVSxjQUF1QztRQUE5RyxhQUFRLEdBQVIsUUFBUSxDQUFBO1FBQVUsV0FBTSxHQUFOLE1BQU0sQ0FBQTtRQUFVLE1BQUMsR0FBRCxDQUFDLENBQUE7UUFBVSxNQUFDLEdBQUQsQ0FBQyxDQUFBO1FBQVUsVUFBSyxHQUFMLEtBQUssQ0FBQTtRQUFVLG1CQUFjLEdBQWQsY0FBYyxDQUF5QjtJQUVsSSxDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQ3BDLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsa0JBQWtCLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3hGLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsa0JBQWtCLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzdGLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ2xELElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQztRQUNwRSxJQUFJLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUNqQyxJQUFJLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUV0QyxDQUFDO0NBRUYiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1JvdGF0aW9uU2xpZGVyQ29tcG9uZW50fSBmcm9tICcuLi9yb3RhdGlvbi1zbGlkZXIuY29tcG9uZW50JztcblxuZXhwb3J0IGNsYXNzIEhvcml6b250YWxMaW5lIHtcblxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdGhpa25lc3MsIHByaXZhdGUgaGVpZ2h0LCBwcml2YXRlIHgsIHByaXZhdGUgeSwgcHJpdmF0ZSB2YWx1ZSwgcHJpdmF0ZSByb3RhdGlvblNsaWRlcjogUm90YXRpb25TbGlkZXJDb21wb25lbnQpIHtcblxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIHRoaXMucm90YXRpb25TbGlkZXIuY3R4LmJlZ2luUGF0aCgpO1xuICAgIHRoaXMucm90YXRpb25TbGlkZXIuY3R4Lm1vdmVUbyh0aGlzLnggLSB0aGlzLnJvdGF0aW9uU2xpZGVyLmhvcml6b250YWxMaW5lTW92ZSwgdGhpcy55KTtcbiAgICB0aGlzLnJvdGF0aW9uU2xpZGVyLmN0eC5saW5lVG8odGhpcy54IC0gdGhpcy5yb3RhdGlvblNsaWRlci5ob3Jpem9udGFsTGluZU1vdmUsIHRoaXMuaGVpZ2h0KTtcbiAgICB0aGlzLnJvdGF0aW9uU2xpZGVyLmN0eC5saW5lV2lkdGggPSB0aGlzLnRoaWtuZXNzO1xuICAgIHRoaXMucm90YXRpb25TbGlkZXIuY3R4LnN0cm9rZVN0eWxlID0gdGhpcy5yb3RhdGlvblNsaWRlci5saW5lQ29sb3I7XG4gICAgdGhpcy5yb3RhdGlvblNsaWRlci5jdHguc3Ryb2tlKCk7XG4gICAgdGhpcy5yb3RhdGlvblNsaWRlci5jdHguY2xvc2VQYXRoKCk7XG5cbiAgfVxuXG59XG4iXX0=