<commit_before>---
layout: tutorials
title: Conceptos basicos de HTML5 Canvas, Rectangulo y Figuras
---
<h2 class="tutorials-content__sub-title">Settup HTML Canvas</h2>

<p class="tutorials-content__text">To start with HTML Canvas, you need to used a canvas tag, them you can specify it width and height property (width and height units are in pixels.). Remember to close the canvas tag. (Notice that you can not use CSS to specify its width and height.)</p>

<pre>
  <code class="language-html">
    &lt;canvas id="my-canvas" width="400" height="200"&gt;&lt;canvas&gt;
  </code>
</pre>

<p class="tutorials-content__text">Also, you can setup Canvas width or height via JavaScript.</p>

<pre>
  <code class="language-javascript">
    let canvas = document.getElementById('display')
    canvas.width  = 400
    canvas.height = 200
  </code>
</pre><commit_msg>Update 01-intro.md<commit_after>---
layout: tutorials
title: Conceptos basicos de HTML5 Canvas, Rectangulo y Figuras
---
<h2 class="tutorials-content__sub-title">Canfigurar HTML Canvas</h2>

<p class="tutorials-content__text">To start with HTML Canvas, you need to used a canvas tag, them you can specify it width and height property (width and height units are in pixels.). Remember to close the canvas tag. (Notice that you can not use CSS to specify its width and height.)</p>

<pre>
  <code class="language-html">
    &lt;canvas id="my-canvas" width="400" height="200"&gt;&lt;canvas&gt;
  </code>
</pre>

<p class="tutorials-content__text">Also, you can setup Canvas width or height via JavaScript.</p>

<pre>
  <code class="language-javascript">
    let canvas = document.getElementById('display')
    canvas.width  = 400
    canvas.height = 200
  </code>
</pre>
{'fraction_non_alphanumeric': 0.1263768115942029, 'fraction_numerical': 0.01855072463768116, 'mean_word_length': 4.462025316455696, 'pattern_counts': {'":': 0, '<': 31, '<?xml version=': 0, '>': 31, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '216430', 'n_tokens_mistral': 571, 'n_tokens_neox': 533, 'n_words': 192}