如何围绕一个角色制作动画

Question

有没有办法让 animation 围绕一个数字对应于数字量？ 就像这张照片中的5：

示例 model

Answer 1

你的意思是这样的吗？ 为浅绿色输入大于 5 的数字，为橙色输入小于 5 的数字。

 document.getElementById('applyNum').addEventListener('click', function() { document.getElementById('numCon').innerHTML = document.getElementById('numInput').value; const v = document.getElementById('numCon').innerHTML; if (v >= 5) { document.getElementById('numCon').style.borderLeft = '2px solid aqua'; document.getElementById('numCon').style.borderBottom = '2px solid aqua'; } else if (v < 5) { document.getElementById('numCon').style.borderLeft = '2px solid orange'; document.getElementById('numCon').style.borderBottom = '2px solid orange'; } })

 #numCon { display: flex; justify-content: center; align-items: center; position: absolute; top: 25%; left: 5%; width: 50px; height: 50px; font-size: 5vw; border-radius: 50%; }

 <input id='numInput' /> <button id='applyNum'>Apply Number</button> <div id="numCon"></div>