(UTC)
  MindFusion Forums › Diagramming Components › JavaScript › MindFusion.Controls.ZoomControl
(Moderator: Slavcho)
‹ Previous Topic | Next Topic ›
Page Index Toggle Pages: 1 Send TopicPrint
Normal Topic MindFusion.Controls.ZoomControl (Read 2210 times)
Shafi
Full Member
***
Offline


I Love MindFusion!

Posts: 109
Joined: Nov 8th, 2016
MindFusion.Controls.ZoomControl
Oct 6th, 2017 at 5:34am
Print Post  
I need to zoom in and zoom out diagram on mouse scroll event.
I have checked the documentation Mindfusion Controls but not able find any example related to MindFusion.Controls.ZoomControl. Can please provide some examples or links where can i find these examples?
  
Back to top
 
IP Logged
 
Slavcho
YaBB Moderator
*****
Offline


tech.support

Posts: 3435
Joined: Oct 19th, 2005
Re: MindFusion.Controls.ZoomControl
Reply #1 - Oct 6th, 2017 at 7:44am
Print Post  
ZoomControl is shown in controls.html example. It does not let you zoom using mouse wheel though, but rather by dragging a slider or clicking +/- buttons. For mouse wheel support, you could handle browser's wheel event and change zoom level from event handler -

Code
Select All
document.body.addEventListener('wheel', function(e)
{
	var zoom = diagram.getZoomFactor();
	zoom -= e.deltaY / 100;
	if (zoom > 10)
		diagram.setZoomFactor(zoom);

	e.preventDefault(); // do not scroll
});


Regards,
Slavcho
Mindfusion
  
Back to top
 
IP Logged
 
Page Index Toggle Pages: 1
Send TopicPrint
‹ Previous Topic | Next Topic ›
 
  « Board Index ‹ Board Top  

MindFusion Forums » Powered by YaBB 2.6.11!
YaBB Forum Software © 2000-2026. All Rights Reserved.

Valid RSS Valid XHTML Valid CSS Powered by Perl Source Forge