你会如何编码这个计算器？

Question

我需要制作一个带有5个数字输入的网络计算器，结果应该如附图所示。红色＆amp;蓝色区域应根据输入值更改其大小。使用静态背景不起作用，它必须按照第二个图像中的某些输入值进行缩放。

你会用什么？ CSS和放大器; JavaScript的？我试图将图像转换为没有运气的画布，我得到4兆字节的代码并将其转换为svg也没有用，我只得到了红色的poligon。

Answer 1

您可以使用Javascript轻松地绘制它。以下链接可以帮助您入门。

How to draw polygons on an HTML5 canvas