title: Scroll / Zoom a pixi.js canvas
body: <p>Below is an easy way to put some text on a pixi.js (using WebGL) canvas.</p>
  
  <p><strong>How can we scroll / zoom the displayed part of the canvas ?</strong>
  (i.e. mouse down + drag should move ...)</p>
  
  <p>Example of what I would like to achieve :  <a href="http://s419743653.onlinehome.fr/things/test2.htm" rel="nofollow">http://s419743653.onlinehome.fr/things/test2.htm</a></p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;pixi.js example 1&lt;/title&gt;
      &lt;script src="pixi.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;script&gt;
      var stage = new PIXI.Stage(0xFFFFFF);
      var renderer = PIXI.autoDetectRenderer(800, 600);
      document.body.appendChild(renderer.view);
      var text = new PIXI.Text("Hello World", {font:"50px Arial", fill:"black"});
    stage.addChild(text);
    renderer.render(stage);   
      &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>