title: How do I change the 'x' and 'y' of a canvas?
body: <p>When I create a canvas I can only change the width and height. What piece of code would I use to change the x and y position of the canvas?</p>
  
  <p>Look how far left it is how do I make it more in the middle?</p>
  
  <p>I have tried adding x and y to the canvas but to no avail.</p>
  
  <p>Here is some of the code I uses for the canvas.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;canvas id="ctx" width="250" height="250" style="border:5px solid #000000"&gt;&lt;/canvas&gt;
  &lt;script&gt;
  var ctx = document.getElementById("ctx").getContext("2d");
  ctx.font = '50px Arial';
  ctx.fillText('Hello',70,135);
  &lt;/script&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>