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?

Andrew
quelle

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 .

David
quelle
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.

Amit Kumar Gupta
quelle
0

War auf der Suche nach dem gleichen

Fügen Sie einfach die neuesten Informationen hinzu:

https://www.youtube.com/watch?v=2jqTaZLuwkw

ankitj
quelle
Könnten Sie bitte kurz zusammenfassen, was in dem Video im Text Ihrer Antwort enthalten ist?
Jonsca