Czy mogę dodać niestandardowe kształty do draw.io?

Lubię szeroką gamę dostępnych kształtów (ogólne, strzałki, elektryczne itp.), Ale potrzebuję więcej symboli elektrycznych. Czy mogę w jakiś sposób dodać niestandardowe kształty?

W obszarze Plik-> Nowa biblioteka pojawi się okno dialogowe umożliwiające przeciąganie do niego obrazów i plików SVG. Możesz także dodawać obrazy / pliki SVG za pomocą selektora systemu plików i adresu URL (przyciski na dole okna dialogowego).

Po dodaniu niestandardowych kształtów nadaj bibliotece nazwę pliku i naciśnij Zapisz. Spowoduje to zapisanie biblioteki jako plik biblioteki w wybranym magazynie i dodanie biblioteki do sekcji po lewej stronie. Za pomocą ikon nad biblioteką możesz edytować go ponownie lub usunąć z paska bocznego. Kształty w tej bibliotece będą wtedy zachowywać się jak każda inna biblioteka.

Biblioteki niestandardowe pozostają na pasku bocznym dla poszczególnych przeglądarek, jeśli chcesz je dodać do innej przeglądarki, użyj polecenia Plik-> Otwórz bibliotekę, aby dodać ponownie. Podczas odświeżania biblioteka pozostanie na swoim miejscu, tylko specjalne usunięcie jej z paska bocznego za pomocą ikony krzyżyka spowoduje jej usunięcie.

Na Dysku Google w YouTube jest trochę stary film .

Możesz tworzyć własne kształty. Po to idź do Extras > Create shape. Wymaga pewnych szczegółów kształtu w formacie XML, jak widzimy w SVG, ale różni się. Możesz sprawdzić ich oficjalne dokumenty, aby zrozumieć różne elementy.

Przykład

<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>

Powyższy kod może być użyty do utworzenia następującego kształtu.

Możesz zmienić styl z prawego panelu bocznego.

Szukałem tego samego

Właśnie dodając najnowsze informacje:

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