jCanvas.js test

by yasumodev

HTML

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jcanvas/21.0.1/min/jcanvas.min.js"></script>
<canvas id="canvas" width="500" height="500"></canvas>

JavaScript

$('#canvas').drawImage({
  source: 'https://cnv.nailbook.jp/photo/3739111/320_q85',
  x: 160, y: 160
});

$('#canvas').drawRect({
  fillStyle: '#f77',
  x: 0, y: 0,
  width: 10, height: 10
});