title: Draw HTML5 Canvas with different background color than text?
body: <p>I am looking to draw a canvas circle with text, however I want the canvas background color to be different from the color of the text in the circle. my code below uses the same color for both background and text ..</p>
  
  <pre><code>&lt;canvas id="circlecanvas" width="50" height="50"&gt;&lt;/canvas&gt;
  &lt;script&gt;
      var canvas = document.getElementById("circlecanvas");
      var context = canvas.getContext("2d");
      var centerX = canvas.width / 2;
      var centerY = canvas.height / 2;
      context.arc(centerX, centerY, 25, 0, Math.PI * 2, false);
      context.fillStyle ="#dbbd7a";
      context.fill()
      context.font = 'bold 20pt Calibri';
      context.textAlign = 'center';
      context.fillText('34', centerX, centerY);
  &lt;/script&gt;
  </code></pre>