customDraw() {
        var ctx = simulationArea.context;
        ctx.strokeStyle = colors["stroke"];
        ctx.lineWidth = correctWidth(3);
        const xx = this.x;
        const yy = this.y;
        ctx.beginPath();
        ctx.fillStyle = "black";
        fillText(ctx, "2'", xx, yy, 10);
        if (
            (this.hover && !simulationArea.shiftDown) ||
            simulationArea.lastSelected === this ||
            simulationArea.multipleObjectSelections.contains(this)
        )
            ctx.fillStyle = colors["hover_select"];
        ctx.fill();
        ctx.beginPath();
        drawCircle2(ctx, 5, 0, 15, xx, yy, this.direction);
        ctx.stroke();
    }
@memberof TwoComplement
function to draw element