用矩形填充颜色取决于用户输入值

时间:2019-07-15 05:20:36

标签: html angular svg

我使用SVG创建了一个矩形,我想实现该矩形将根据用户输入(输入是动态的)填充颜色“绿色”

<rect width="50" height="25" x="60" y="656" class="fill-light-pink">

1 个答案:

答案 0 :(得分:0)

您可以创建一个用绿色填充的类,然后根据用户输入将该类放在此处

<rect width="50" height="25" x="60" y="656" class.fill-green={{isUserInputGreen}} class="fill-light-pink">