Комментарий: HTML5 может нарисовать много форм. Ниже приведен код для рисования прямоугольников. Пожалуйста, обратитесь к этому.
<! Doctype html> <head>
<meta charset = utf-8>
<title> html5 рисует прямоугольник </title>
<script src = "<a href =" http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "> </script"> "> </script </a >>
</head>
<Скрипт>
$ (document) .ready (function () {
var c = document.getElementById ("DrawBox");
var draw = c.getcontext ("2d"); // Получить ссылку на 2D -контент и вызовите API чертежа
Draw.fillstyle = "#ff0000"; // Метод 1 указывает цвет заполнения
Draw.FillRect (0,0,300 100); // Координаты и длина и ширина
draw.fillstyle = "rgba (0,0,255,0,5)"; // Метод 2 RGB+прозрачность
Draw.fillrect (400,0,100 100); // координаты и длину и ширину
})
</script>
</body>
<Canvas> </canvas>
</body>
</html>
Диаграмма воспроизведения