التعليق: يمكن أن يرسم 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>
<script>
$ (وثيقة). ready (function () {
var c = document.getElementById ("drawbox") ؛
var draw = c.getContext ("2d") ؛ // احصل على مرجع إلى محتوى 2D واستدعاء واجهة برمجة تطبيقات الرسم
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> </tanvas>
</body>
</html>
رسم تخطيطي للتكاثر