PaperJS - canvas does resize

by jeffgw

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.9.22/paper-core.min.js"></script>
<canvas id="map" resize="true"></canvas>

CSS

canvas { 
    width:  100%;
    height: 100%;
    border: solid 1px red;
  }

JavaScript

// Instantiate the paperScope with the canvas element
var map = document.getElementById('map');
paper.setup(map);

// Draw a circle in the center
var width  = paper.view.size.width;
var height = paper.view.size.height;
for (i = 0; i < 5; i++) {
  var circle = new paper.Shape.Circle({
    center: [width/2+i, height/2+i],
    fillColor: 'greed',
    radius: 10+i
  });
}

// render
paper.view.draw();