Skip to content

It is a lightweight Javascript canvas image zoom plugin with Annotations and Pan

Notifications You must be signed in to change notification settings

sarathsaleem/cZoom

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 

Repository files navigation

cZoom

It is a lightweight JavaScript canvas image zoom plugin with Annotations and Pan

Demo

A light weight JavaScript library for image maupulation in HTML "canvas" element. It includes zooming, panning and adding annotations. Its compatible with all touch devices like iPad, iPhone, android tablets etc. It has UI buttons as well as the API to do the functionalities.

In touch devices gesture event is implemented for zooming using the "gesturechange" event and "scale" properly of the event type gesture. Gesture zooming will not work in the devices which doesn't have the support of "event.scale" in gesture events.

Usage

Download the library and include it in your html.

<script src="js/cZoom.js"></script>

Initialize the plugin to a div elemet like

<div id="zoomCanvas"></div>

<script>

var myZoom = new cZoom("zoomCanvas","imagename.jpg");

</script>

Plublic methods

	zoomTo();
	getZoom();
	resetZoom();

	getAnnotations();
	createAnnotation();
	deleteAnnotation();

	getPan();
	setPan();
	resetPan();

About

It is a lightweight Javascript canvas image zoom plugin with Annotations and Pan

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published