PaperJS - canvas does resize

by Eric Adlam

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;
var circle = new paper.Shape.Circle({
  center: [width/2, height/2],
  fillColor: 'grey',
  radius: 10
});

// render
paper.view.draw();