Тег canvas. Canvas HTML5. Canvas js

Тег canvas создан для того чтобы внутри страницы сайта делать разного рода визуальные штуки. Этот тег в создании сайтов используется очень редко. Есть верстальщики с десятилетним стажем которые не знают ничего про этот тег. Он обычно нужен для больших сайтов с мульти медиными вещами. Вроде игр и создании разного рода интерактивных карт.

Canvas позволяет создать отрезок на сайте:

<canvas id="myCanvas" width="200" height="400"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.moveTo(0,0);
ctx.lineTo(200,400);
ctx.stroke();
</script>


Примерно так будет:

Естественно что этим он не ограничивается. С его помощью можно создавать разного рода впечатляющие вещи. Canvas и HTML5 созданы вместе в одну эпоху. Они позволяют создавать разного рода интерактивные вещи на сайте. Линию в принципе можно сделать и в CSS. Однако в canvas можно поместить видео, картинки а также надписи на них и сохранить их с этими изменениями.

Canvas js

Canvas и js не разрывны. Если не знаете js то обучитесь хотя бы базовым вещам.

Вэб блог бетінде ақпараттық салаға байланысты көптеген мақалалар бар.