<!DOCTYPE html>
<html>
<head>
  <title>Knobicon Example</title>
</head>
<body>
  <div id='knob'></div>
  <script src='../src/knobicon.js'></script>
  <script>
    var knob = new Knobicon(
          'img/VolumeKnob.png','img/VolumePointer.png',
        {
          width: 500,
          height: 500
        });
    knob.appendTo(document.getElementById('knob'));
  </script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
  <title>Knobicon Example</title>
</head>
<body>
  <div id='knob'></div>
  <script src='../src/knobicon.js'></script>
  <script>
    var knob = new Knobicon(
          'img/VolumeKnob.png','img/VolumePointer.png',
        {
          width: 300,
          height: 300
        });
    knob.appendTo(document.getElementById('knob'));
  </script>
</body>
</html>
Make example knob a bit smaller
Make example knob a bit smaller
