HTML5. Canvas
Введение
Canvas - элемент языка разметки html5, предназначенный для создания растрового изображения средствами javascript. В основном, его используют для построения графиков, анимации или бразерных игр.
Примеры
Расположение элемента на странице:
<html>
<head>
<title>Пример использования canvas</title>
</head>
<body>
<canvas id='myCanvas'>
Этот текст отобразится если браузер не поддерживает html5 элемент canvas
</canvas>
</body>
</html>
Нарисовать окружность можно так:
<html>
<head>
<title>Canvas - circle</title>
</head>
<body>
<canvas id='myCanvas'>К сожалению, Ваш браузер не поддерживает элемент canvas</canvas>
<script type="text/javascript">
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
function drawCircle(x, y, r) {
ctx.arc(x, y, r, 0, 2 * Math.PI, false);
}
ctx.beginPath();
drawCircle(150, 75, 50);
ctx.lineWidth = 10;
ctx.strokeStyle = "#00f";
ctx.stroke();
</script>
</body>
</html>
Примеры веб-приложений с использованием элемента canvas:
1. ивглонасс.рф
2. bombermine.ru
3. yapro.ru/web-master/xhtml/html5-primeri-realizaciy-uje-segodnya.html