Page Index Toggle Pages: 1 Send TopicPrint
Normal Topic Imagemap mode: Arrows (Links) do not look uniform when being drawn (Read 4546 times)
saad
Full Member
***
Offline


I Love MindFusion!

Posts: 117
Joined: Oct 8th, 2012
Imagemap mode: Arrows (Links) do not look uniform when being drawn
Nov 1st, 2012 at 1:25am
Print Post  
Is there a way to make the arrows look more professional as they do in javaApplet mode?
  

Capture_003.jpg (Attachment deleted)
Back to top
 
IP Logged
 
Stoyo
God Member
*****
Offline


MindFusion support

Posts: 13230
Joined: Jul 20th, 2005
Re: Imagemap mode: Arrows (Links) do not look uniform when being drawn
Reply #1 - Nov 1st, 2012 at 9:16am
Print Post  
In ImageMap mode, currently-drawn links are shown using one of eight images for the various directions, and they are scaled to reach the links' end points. There's no other way we can see to render them in html, except using HTML5 Canvas, for which you have Canvas client mode. Adding extra images to cover more rotation angles should improve the quality a bit, but you will still see the stretch effects, while the page will load more slowly because of the additional files.

I hope that helps,
Stoyan
  
Back to top
 
IP Logged
 
saad
Full Member
***
Offline


I Love MindFusion!

Posts: 117
Joined: Oct 8th, 2012
Re: Imagemap mode: Arrows (Links) do not look uniform when being drawn
Reply #2 - Nov 5th, 2012 at 7:54am
Print Post  
Hi Stoyan,

Give me a little more detail on this please.

Where are the images stored for rotation angles?
Where and how can I add more?

Any other solutions?

Consider this, user click and drags and instead of diagonal, arrows appear as a right angle.

Also consider this, no arrow appears, only a red dot that would point where the user wants arrow to be dropped after dragging.

Really need to sort out these arrows.

BTW does any of the examples here http://www.mindfusion.co/demos/index.html?Control=Diagramming use imagemap?
« Last Edit: Nov 5th, 2012 at 9:01am by saad »  
Back to top
 
IP Logged
 
saad
Full Member
***
Offline


I Love MindFusion!

Posts: 117
Joined: Oct 8th, 2012
Re: Imagemap mode: Arrows (Links) do not look uniform when being drawn
Reply #3 - Nov 13th, 2012 at 12:41pm
Print Post  
Stoyo,

need some input on this mate. need to get rid of stretchy arrows somehow. ideas? plus where do i add those extra images you were talking about?

  
Back to top
 
IP Logged
 
Stoyo
God Member
*****
Offline


MindFusion support

Posts: 13230
Joined: Jul 20th, 2005
Re: Imagemap mode: Arrows (Links) do not look uniform when being drawn
Reply #4 - Nov 14th, 2012 at 10:15am
Print Post  
You can't add extra images yourself, I was taking about our developers adding them. Unfortunately there's no way to draw diagonal lines in html without using Canvas, so that's the best you can get in ImageMap mode for the time being.
  
Back to top
 
IP Logged
 
saad
Full Member
***
Offline


I Love MindFusion!

Posts: 117
Joined: Oct 8th, 2012
Re: Imagemap mode: Arrows (Links) do not look uniform when being drawn
Reply #5 - Nov 14th, 2012 at 2:29pm
Print Post  
Stoyo,

Thanks for the reply.
  • Can I add these extra images myself, once we buy netdiagram with source-code?

  • Is there any way to disable showing arrows as you're dragging them? Say a link is drawn from point A to point B, without it being shown until the mouse is let go?

  • Is there any way to say instead of drawing a stretchy arrow, just a red dot is shown?

  • Any way to change style of arrows that are actually drawn?
  
Back to top
 
IP Logged
 
Stoyo
God Member
*****
Offline


MindFusion support

Posts: 13230
Joined: Jul 20th, 2005
Re: Imagemap mode: Arrows (Links) do not look uniform when being drawn
Reply #6 - Nov 16th, 2012 at 6:40am
Print Post  
Using Firebug, add a breakpoint to the ImageLink method in DiagramView.js to see how images are set. You could overwrite this method with your own version even now to use different images, or show only a dot image.

I hope that helps,
Stoyan
  
Back to top
 
IP Logged
 
Page Index Toggle Pages: 1
Send TopicPrint