customDraw() {
        var ctx = simulationArea.context;
        const xx = this.x;
        const yy = this.y;
        this.customDrawSegment(18, -3, 18, -38, ['lightgrey', this.actualColor][this.b.value]);
        this.customDrawSegment(18, 3, 18, 38, ['lightgrey', this.actualColor][this.c.value]);
        this.customDrawSegment(-18, -3, -18, -38, ['lightgrey', this.actualColor][this.f.value]);
        this.customDrawSegment(-18, 3, -18, 38, ['lightgrey', this.actualColor][this.e.value]);
        this.customDrawSegment(-17, -38, 17, -38, ['lightgrey', this.actualColor][this.a.value]);
        this.customDrawSegment(-17, 0, 17, 0, ['lightgrey', this.actualColor][this.g.value]);
        this.customDrawSegment(-15, 38, 17, 38, ['lightgrey', this.actualColor][this.d.value]);
        ctx.beginPath();
        const dotColor = ['lightgrey', this.actualColor][this.dot.value] || 'lightgrey';
        ctx.strokeStyle = dotColor;
        rect(ctx, xx + 22, yy + 42, 2, 2);
        ctx.stroke();
    }
@memberof SevenSegDisplay
function to draw element