HTML5 Draw

Invoke the off method of the jqxDraw. Author: http://jqwidgets.com

by jqwidgets

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id='jqxDraw' style="width:680px; height:300px;"></div>

JavaScript

$('#jqxDraw').jqxDraw();
  var renderer = $('#jqxDraw').jqxDraw('getInstance');
  // create a circle
  // params: cx, cy, radius, params
  var circleElement = renderer.circle(250, 150, 50, {
      fill: 'lightblue'
  });

  var moveCircle = function () {
      var circleY = parseInt(renderer.getAttr(circleElement, 'cy'));
      renderer.attr(circleElement, {
          cy: circleY + 10
      });
  }

  // add event handler
  renderer.on(circleElement, 'click', moveCircle);

  // remove event handler
  renderer.off(circleElement, 'click', moveCircle);
  renderer.refresh();