title: Responsive canvas element?
body: <p>I having issues to make a responsive canvas element. I using soundmanager2.js plugin with 360ui and its render a canvas element to show soundwave/spectrum– and i've to scenarios.</p>
  
  <p>First. Using css below soundmanager.js render a HUGE canvas. Around width="3840"</p>
  
  <pre><code>.player-warp {
  position: relative;
  width: 100%;
  height: 100%; }
  
  .ui360 .sm2-canvas.hi-dpi {
  position: absolute;
  left: -50%;
  top: -50%;}
  </code></pre>
  
  <p>Second. Using css below soundmanager.js render normally canvas. But not responsive.</p>
  
  <pre><code>.player-warp {
  position: relative;
  width: 225px;
  height: 225px; }
  
  .ui360 .sm2-canvas.hi-dpi {
  position: absolute;
  left: -50%;
  top: -50%;}
  </code></pre>
  
  <p>How can resize/make it responsive?</p>