HTML5 Draw

Invoke the text 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({
      renderEngine: 'HTML5'
  });
  var renderer = $('#jqxDraw').jqxDraw('getInstance');

  renderer.text(
      "Drawing shapes", // text
  50, // x
  20, // y 
  undefined, // width
  undefined, // height
  0, // angle
  {
      'class': 'largeText',
      fill: 'yellow',
      stroke: 'orange'
  }, // attributes
  false, // clip
  'center', // horizontal alignment
  'center', // vertical alignment
  'centermiddle'); // rotate around point
  renderer.refresh();