Kann ich draw.io benutzerdefinierte Formen hinzufügen?


11

Ich mag die große Auswahl an Formen (Allgemein, Pfeile, Elektrisch usw.), aber ich brauche noch mehr elektrische Symbole. Kann ich irgendwie benutzerdefinierte Formen hinzufügen?

Antworten:


7

Unter Datei-> Neue Bibliothek erhalten Sie ein Dialogfeld, in das Sie Bilder und SVGs ziehen können. Sie können Bilder / SVGs auch mithilfe der Dateisystemauswahl und nach URL (die Schaltflächen am unteren Rand des Dialogfelds) hinzufügen.

Wenn Sie Ihre benutzerdefinierten Formen hinzugefügt haben, geben Sie der Bibliothek einen Dateinamen und klicken Sie auf Speichern. Dadurch wird die Bibliothek als Bibliotheksdatei in Ihrem ausgewählten Speicher gespeichert und die Bibliothek zu den Abschnitten auf der linken Seite hinzugefügt. Mit den Symbolen über der Bibliothek können Sie sie erneut bearbeiten oder aus Ihrer Seitenleiste entfernen. Die Formen in dieser Bibliothek verhalten sich dann wie jede andere Bibliothek.

Benutzerdefinierte Bibliotheken bleiben in Ihrer Seitenleiste für jeden Browser erhalten. Wenn Sie sie einem anderen Browser hinzufügen möchten, verwenden Sie Datei-> Bibliothek öffnen, um sie erneut hinzuzufügen. Wenn die Bibliothek aktualisiert wird, bleibt sie an Ort und Stelle. Wenn Sie sie nur mit dem Kreuzsymbol aus der Seitenleiste entfernen, wird sie entfernt.

Es gibt ein etwas altes Video zu benutzerdefinierten Formen mit Google Drive auf YouTube .


1
Ist es möglich, eine vorhandene Gruppe von Objekten in ein neues Objekt zu konvertieren, das nicht bearbeitet werden kann, aber mit Konnektoren mit anderen Objekten verbunden werden kann?
Endolith

3

Sie können Ihre eigenen Formen erstellen. Dafür gehe zu Extras > Create shape. Es erfordert einige XML-formatierte Formdetails, wie wir in SVG sehen, aber anders. Sie können ihre offiziellen Dokumente überprüfen , um verschiedene Komponenten zu verstehen.

Beispiel

<shape aspect="variable" h="24" name="share2" strokewidth="inherit" w="24">
  <connections/>
  <foreground>
    <strokewidth width="0.5"/>
    <path>
      <move x="12" y="0"/>
      <line x="24" y="12"/>
      <line x="12" y="24"/>
      <line x="0" y="12"/>
      <close/>
      <close/>
      <move x="10" y="16"/>
      <line x="10" y="12"/>
      <line x="15" y="12"/>
      <line x="15" y="14"/>
      <line x="18" y="11"/>
      <line x="15" y="8"/>
      <line x="15" y="10"/>
      <line x="8" y="10"/>
      <line x="8" y="16"/>
      <close/>
    </path>
    <fillstroke/>
  </foreground>
</shape>

Der obige Code kann verwendet werden, um die folgende Form zu erstellen.

Geben Sie hier die Bildbeschreibung ein

Sie können den Stil über die rechte Seite ändern.


Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.