Ich habe eine Reihe vorgefertigter SVG-Symbole, die ich in JointJS verwenden möchte. Ich habe nach vorgefertigten SVGs gesucht und festgestellt, dass es möglich ist, mithilfe von SVG vollständige benutzerdefinierte Elemente zu erstellen, indem ich die SVG in die Eigenschaft 'markup' setze - https: //groups.google.com/forum/#! topic / jointjs / pQvN_0lXPVk).

Below ist das Beispiel einer SVG. Ihre Hilfe dazu, wie ich diese Definition in die markup -Eigenschaft einbetten und Ports hinzufügen kann, wird sehr geschätzt.

Vielen Dan

<?xml version="1.0" standalone="no"?>
<svg viewBox="0 0 1024 768" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" stroke-linecap="round" stroke-linejoin="round" fill-rule="evenodd" xml:space="preserve" >
<defs >
<clipPath id="clipId0" >
<path d="M0,768 1024,768 1024,0 0,0 z" />
</clipPath>
</defs>
<g stroke-width="0.1" clip-path="url(#clipId0)" fill="none" stroke="rgb(0,0,0)" />
<g stroke-width="0.25" clip-path="url(#clipId0)" fill="rgb(0,0,0)" stroke="none" >
<path d="M1013.96,634.98 10.0392,634.98 1013.96,133.02 z" />
</g>
<g stroke-width="0.25" clip-path="url(#clipId0)" fill="none" stroke="rgb(0,0,0)" >
<polyline points="10.0392,133.02 1013.96,133.02 1013.96,634.98 10.0392,634.98 10.0392,133.02 " />
<polyline points="10.0392,634.98 1013.96,133.02 " />
</g>
</svg>