Utilisez HTML5 pour dessiner la forme d'un réservoir pour implémenter le code spécifique

Commentaire: Je crois que vous êtes déjà bien conscient de HTML5. Vous pouvez faire beaucoup de choses avec HTML5. Partageons avec vous comment dessiner un réservoir en utilisant HTML5. Le code spécifique est le suivant. Quiconque est intéressé peut y faire référence.

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 ();