33003119/paper-js-fit-to-page-zooming

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/paper.js/0.9.18/paper-full.min.js"></script>
<canvas id="c" width="1" height="200"></canvas>
<img id="i" src="http://i.imgur.com/6q4exe2.jpg" style="display:none;" alt="" />

CSS

canvas {
    background-color:red;    
}

JavaScript

var image  = document.getElementById('i');
var canvas = document.getElementById('c');

var scalingFactor = canvas.height/image.height;
canvas.width = image.width * scalingFactor;

paper.setup(canvas);

//var raster = new paper.Raster(image, new paper.Point(0,0));
var raster = new paper.Raster(image, new paper.Point(canvas.width/2,canvas.height/2));

paper.view.zoom = scalingFactor;
//paper.view.zoom = 0.1;
//paper.view.setCenter(0,0);