bpmn-visualization-js
bpmn-visualization-js copied to clipboard
[FEAT] support custom image rendering
Is your feature request related to a problem? Please describe. Render custom images inside of the BPMN models. I have cases where need to show custom images at any position and with possible connections:
Describe the solution you'd like
- If in the BPMN model xml presented custom image => display image.
- Display different type of images svg, png, jpg..
I am keeping the image in textAnnotation
as base64 encoded string:
<bpmn:textAnnotation id="TextAnnotation_0gqg2sp">
<bpmn:extensionElements>
<x:attribute name="dataObjectType" value="IT-System"/>
<x:attribute name="image"
value="{thumbnail=PD94bWwgdmVyc..."/>
</bpmn:extensionElements>
</bpmn:textAnnotation>
So I would expect if this attribute is presented in xml code, so bpmn-visualization lib can display the image.
Describe alternatives you've considered
I was inspired how bpmn-js
handle rendering custom images:
https://github.com/bpmn-io/bpmn-js-example-custom-rendering
Maybe we can apply the same/similar approach in bpmn-visualization lib?
Additional context Example xml file with image:
FEAT.support.custom.image.rendering-example.txt
### Tasks