#### Manipulate

Scale & Pan

    <div class="touch_container">
    	<div class="touch_target">Touch</div>
    </div>

    $(".touch_target").touch({
      pan: true,
      scale: true
    }).on("panstart", function(e) {
      // Handle pan start
      // Cache positions, etc...
    }).on("panend", function(e) {
      // Handle pan end
      // Clean up data...
    }).on("pan", function(e) {
      var deltaX  = e.deltaX,
        deltaY  = e.deltaY;

      // React to pan...
    }).on("scalestart", function(e) {
      // Handle scale start
      // Cache positions, etc...
    }).on("scaleend", function(e) {
      // Handle touch end
      // Clean up data...
    }).on("scale", function(e) {
      var scale   = e.scale,
        deltaX  = e.deltaX,
        deltaY  = e.deltaY;

      // React to scale and pan...
    });

#### Pan

Pan

    <div class="touch_container">
    	<div class="touch_target">Touch</div>
    </div>

    $(".touch_target").touch({
      pan: true
    }).on("panstart", function(e) {
      // Handle pan start
      // Cache positions, etc...
    }).on("panend", function(e) {
      // Handle pan end
      // Clean up data...
    }).on("pan", function(e) {
      var deltaX = e.deltaX,
        deltaY = e.deltaY;

      // React to pan...
    });

#### Scale

Scale

    <div class="touch_container">
    	<div class="touch_target">Touch</div>
    </div>

    $(".touch_target").touch({
      scale: true
    }).on("scalestart", function(e) {
      // Handle scale start
      // Cache positions, etc...
    }).on("scaleend", function(e) {
      // Handle touch end
      // Clean up data...
    }).on("scale", function(e) {
      var scale = e.scale;

      // React to scale...
    });