就像 Vue 的过渡组件一样,数据背后状态过渡会实时更新,这对于原型设计十分有用。当你修改一些变量,即使是一个简单的 SVG 多边形也可实现很多难以想象的效果。
.demo-svg { display: block; } .demo-polygon { fill: #41B883; } .demo-circle { fill: transparent; stroke: #35495E; } .demo-range-input { display: block; width: 100%; margin-bottom: 15px; }上述 demo 背后的代码可以通过这个 fiddle进行详阅。