title: Can my HTML5 Canvas code be converted to SVG?
body: <p>I have the following example code: </p>
  
  <pre><code>    function drawCanvas() {
          var canvas = document.getElementById("logoText");
          var c = canvas.getContext('2d');
          c.lineWidth = 1;
          c.lineStyle = "#FFFFFF";
          c.fillRect(10, 10, 150, 40);
          c.fillStyle = "#FFFFFF";
          c.font = "22px 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',sans-serif"
          c.fillText("Test", 20, 45);
          hexstring1 = "\u2610";
          c.fillText(hexstring1, 20, 70);
      }
  </code></pre>
  
  <p>If I assume use of browsers that support both SVG and Canvas then how could I convert this code to use SVG. </p>
  
  <p>Also what would there be any advantage or disadvantage to using SVG over Canvas?</p>