HTML5: Как рисовать графику на лету с помощью сценариев?

Последнее обновление 01 декабря 2018 10:35:33 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

Решение:

HTML-код:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>How to use to draw graphics, on the fly, via scripting</title>
</head>
<body>
Canvas
<style>  
#FirstCanvas{  
width: 500px;  
height: 300px;  
border: 3px solid red;  
background-color: blue;  
}  
</style>
<body>  
<canvas id="FirstCanvas"></canvas>  
</body>
</html>

Демонстрация в реальном времени:

См. Ответ холста Pen от w3resource ( @ w3resource ) на CodePen .

Посмотреть решение в браузере

Поддерживаемый браузер