LbmpMY

index.html

<div id="demo" class="demo">
  <button v-on:click="add">Add</button>
  <canvas id="assetcanvas" width="200" height="200"></canvas>
</div>

lbmpmy.markdown

LbmpMY

A Pen by scorch on CodePen.

License.

script.js

new Vue({
  el: '#demo',
  methods: {
    add: function () {
      var path = new paper.Path();
      path.strokeColor = 'red';
      path.moveTo(new paper.Point(Math.random()*200, Math.random()*200));
      path.lineTo(new paper.Point(Math.random()*200, Math.random()*200));
      paper.view.draw()
    },
  }
})

paper.install(window)
paper.setup(document.getElementById('assetcanvas'))

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.10.2/paper-core.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.4/vue.min.js"></script>