Can i get the entire process image which shows the current node?

[houxiaojun]

I want to know the current node of my processinstance,can i get the entire process image which show the the current node?Just like the process picture in the jbpm-console,which there is a red arrow on the current node.Could someone tell me how can i get the picture?

[houxiaojun]

i  want the picture just like this in the jbpm-console:

can some body tell me how i can get it?

[melc]

Hello,

If you use gwt-console-server then you can call its web services and a little html and javascript to achieve that. The following two do the job,

1). To get the image call  http://{your-address}/gwt-console-server/rs/process/definition/{your-process-id}/image   

2). To get the coordinates in the diagram of the active node in json call http://{your-address}/gwt-console-server/rs/process/instance/{your-process-instance-id}/activeNodeInfo

Then with javascript you can place an image relative to the coordinates. The gwt-console-server uses the following,

images/icons/play_red_big.png and subtracts 8px from the value of x and value of y for example,

For example,

this is the json [{"width":932,"height":541,"activeNode":{"name":"id\u003d2","x":96,"y":56,"width":135,"height":48}}]

this is the html

<div class="bpm-graphView-activityImage" style="position:absolute;top:48px;left:88px;width:50px;height:50px; z-index:1000;background-image: url(images/icons/play_red_big.png);background-repeat:no-repeat;"></div>

notice,

top = 48px which is 56px-8px

left = 88px which is 96px-8px

so with js you can manipulate the visibility of the div and the left and top values.

[gigazhang]

Can someone advice this

[duttagoutam]

Can anyone help me with the src code to display the same?

[arronlee]

I wonder which kind of toolkits are you using to process images? As for me, I prefer to do it with the help of some SDKs rather than using code. It will make the process much simpler and faster. Any good suggestion? Thanks in advance.

Best  regards,

Arron

[lilycan]

i always choose simple but useful image software to process image. and sometimes i make my own image processor. but you can also turn to some complicated and professional graphics library such as Photoshop and so on.