Html Draw

Invoke the saveAsJPEG 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>
<button id='button'>Save as Image</button>

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'
  });

  $("#button").jqxButton();
  $("#button").click(function () {
      renderer.saveAsJPEG('myImage.jpeg', 'http://www.jqwidgets.com/export_server/export.php');
  });
  renderer.refresh();