preview

Beschreibung

Optional. Ein Objekt, das die Vorschau von Elementen konfiguriert

Verwendung

preview?: {
    scale?: number,
    gap?: string | number
}

Parameter

• scale - (optional) legt den Maßstab der in der Shapebar des Editors gerenderten Elemente fest
• gap - (optional) legt den Abstand zwischen den in der Shapebar gerenderten Elementen fest

Standardkonfiguration

preview: {
    scale: 0.5,
    gap: "6px 8px"
    // legt einen Abstand von 6px oben und unten sowie 8px links und rechts fest
};

Beispiel

const editor = new dhx.DiagramEditor("editor_container", {
    type: "default",
    view: {
        // shapebar: true, // Anzeige der Standard-Shapebar
        // oder Konfiguration der Shapebar über ein Objekt
        shapebar: {
            preview: {
               scale: 0.65,
               gap: 8
            }
        }
    }
});

Details

Die Werte der Eigenschaften gap und scale können für eine einzelne Shape über die Attribute gap und scale der Eigenschaft preview des Shape-Objekts neu definiert werden:

const defaults = {
    rectangle: {
        preview: {
            scale: 0.72,
            gap: 8
        }
    }
}

const editor = new dhx.DiagramEditor("editor_container", {
    type: "default",
    view: {
        shapebar: {
           preview: {
               scale: 0.65,
               gap: 2
            }
        }
    },
    defaults
});

Verwandter Artikel: Shapebar

Changelog: Hinzugefügt in v6.0