Quelle est la toile HTML5?

StackOverflow https://stackoverflow.com/questions/2483780

  •  21-09-2019
  •  | 
  •  

Question

Je suis un peu confus à ce que la toile HTML5 est. On m'a dit qu'il est JavaScript, mais il semble être une affaire beaucoup plus?

  1. Qu'est-ce qui le rend différent de javascript?

  2. Pourquoi est-ce si étonnant?

  3. -t-il faire d'autres choses que JavaScript?

Était-ce utile?

La solution

Je vous suggère de lire cet article HTML5 Canvas - les bases

Mais bref. Il ne remplace pas javascript.

  

HTML 5 toile vous donne un moyen facile et   moyen puissant pour dessiner des graphiques en utilisant   JavaScript. Pour chaque élément de toile   vous pouvez utiliser un « contexte » (pensez à un   page dans un bloc de dessin), dans lequel vous   peut émettre des commandes JavaScript pour dessiner   tout ce que tu veux. Les navigateurs peuvent   mettre en œuvre des contextes de toile multiples et   les différentes API fournissent le dessin   fonctionnalité.

Autres conseils

Le canvas est essentiellement un élément img que vous pouvez tirer sur l'utilisation de javascript.

élément de toile est essentiellement une zone de dessin qui peut être peint sur programmation; une sorte d'outil de dessin bitmap pilotable pour le Web.

Je suppose que le « incroyable » chose à ce sujet, en dehors du fait que nous pouvons maintenant tous les créer sur le Web MS Paint clones avec facilité, est que vous avez beaucoup plus riche, tout à fait une zone de libre-forme pour la création de client graphique complexe -SIDE et à la volée. Vous pouvez dessiner de jolis graphiques, ou faire des choses avec des photos. Prétendument, vous pouvez également faire de l'animation!

le Centre des développeurs de Mozilla a un tutoriel raisonnable si vous voulez l'essayer.

Tout d'abord, Canvas est pas JavaScript! Ces deux sont des choses totalement différentes.

Canvas est un élément HTML5 qui peut être utilisé pour le rendu des graphiques, des animations, des graphiques, des compositions photo ou tout autre objet visuel à la volée en utilisant JavaScript. Le plus souvent, la toile a utilisé pour la construction de jeu en ligne et la présentation en ligne.

  • Canvas - Une zone rectangulaire comme du papier blanc
  • Contexte - Retourne l'objet en utilisant ce que nous pouvons appeler de nombreuses fonctions sur lequel est utilisé pour dessiner les graphiques et les animations sur une toile (comme la façon dont les crayons sont utilisés sur le papier)

Voir l'exemple suivant qui trace une ligne sur la toile: 

<html>
      <body>
       <canvas id="c" width="200" height="200" style="border:1px solid"></canvas>
        <script>
          var canvas = document.getElementById("c");//get the canvas in javascript
          var context = canvas.getContext("2d");//getcontext on canvas
          context.beginPath();//start the path.we are going to draw the line
          context.moveTo(20,20);//starting point of Line
          context.lineTo(40,20);//ending point of Line
          context.stroke(); //ink used for drawing Line (Default: Black)
        </script>
      </body>
    </html>
       

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top