Используйте HTML5, чтобы нарисовать форму резервуара для реализации конкретного кода

Комментарий: я считаю, что вы уже хорошо осведомлены о HTML5. Вы можете сделать много вещей с HTML5. Давайте поделимся с вами, как нарисовать бак с помощью HTML5. Конкретный код выглядит следующим образом. Любой, кто заинтересован, может ссылаться на это.

var canvas = document.getElementbyId ('myCanvas');

var ctx = canvas.getContext ('2d');

ctx.fillstyle = "#99ff66";

ctx.fillrect (10,10,15,80);

//ctx.fillrect(10,80,15,80);

var canvas = document.getElementbyId ('myCanvas');

var ctx = canvas.getContext ('2d');

ctx.fillstyle = "#99ff66";

ctx.fillrect (60,10,15,80);

var canvas = document.getElementbyId ('myCanvas');

var ctx = canvas.getContext ('2d');

ctx.fillstyle = "#0033CC";

ctx.fillrect (26,27,33,50);

ctx.fillstyle = "red";

ctx.beginpath ();

ctx.arc (43,52,17,0, Math.pi*2, true);

ctx.closepath ();

ctx.fill ();

ctx.stroketyle = "#cccc00";

ctx.linewidth = 2;

ctx.moveto (43,52);

ctx.lineto (43,10);

ctx.stroke ();