How to add a custom vertex image (Parallelogram)

[aAsiong]

I was directed here when I viewed a similar problem in MxGraph.

I am creating a diagram creation tool for constructing flowchart using mxGraph, with the dynamictoolbar.html as a base template. So far, I have been able to add in the images of all the shapes in the toolbar and have it draggable across the graph. The shapes are as follows: Ellipses, Hexagon, Rectangle, and Diamond. The only issue I found is implementing the Parallelogram shape.

I tried this code so far:

addVertex('editors/images/parallelogram.gif', 40, 40, 'shape=parallelogram');

But to no avail

I then tried a different approach as so:

addVertex('editors/images/image.gif', 40, 40, 'image=my_image_url.jpg');

Also to no avail

I later found out after opening the diagrameditor.xml that mxGraph has no parallelogram shape. The closest shape was Rhombus, but the user has to rotate it and make it larger to make it look like a parallelogram, which is inadvisable.

Please someone suggest me how to accomplish this.