Quelle est la toile HTML5?
-
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?
-
Qu'est-ce qui le rend différent de javascript?
-
Pourquoi est-ce si étonnant?
-
-t-il faire d'autres choses que JavaScript?
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>