図に示されているクレジット スコア 100 は、Angular.js を介してバインドされたデータです。次に、jQuery または Canvas を使用して、クレジット スコア ページに特別な効果を加える必要があります。ユーザーの開(kāi)始クレジットは 100 で、小さい値は 100 です。右端の白い丸が100點(diǎn)を超えるとユーザーの信用スコアが増減します 100點(diǎn)を超えると絵は変わりません 100點(diǎn)未満の場(chǎng)合は小さな白い丸が移動(dòng)します反時(shí)計(jì)回り
#たとえば、ユーザーのクレジットが 50 に分割される場(chǎng)合、小さな白い円は半円の中央にあり、左 1/2 の円は依然として白で、右 1/2 には他の色の効果が表示されます。
ユーザーのクレジットが75分割の場(chǎng)合、半円の右側(cè)の3/4円の位置に小さな白丸があり、左3/4円は白のまま、右1/4は別の色を示します効果;
つまり、関連付けられたクレジット ポイントが変化すると、円の色の変化も変化します。
この種の特殊効果を作成したい場(chǎng)合、jQuer または Canvas アニメーションを使用するべきでしょうか? アイデアがありません。実現(xiàn)方法についてアイデアを教えてください。上記の特殊効果はありますか? (他の技術(shù)的な実裝方法もあります。または、同様のプラグインを使用する方がよいでしょう。プロジェクトに追いつくためにかなり追い込まれており、期限が非常に迫っています。実際にはそうではありません)やり取りを擔(dān)當(dāng)するエネルギーがある。1 人がアプリのフロントエンドを擔(dān)當(dāng)し、バックエンドとのやり取りで忙しい)
走同樣的路,發(fā)現(xiàn)不同的人生
高校數(shù)學(xué)の本を取り出して、sin cosの內(nèi)容をもう一度取り出し、関連する関數(shù)を追加すれば、解けるはずです、ふふ
締め切りが非常に厳しい場(chǎng)合は、既製のチャート ライブラリを使用してください。または、データを簡(jiǎn)単に視覚化できる SVG アニメーション ライブラリを探すこともできます。同様の効果を?qū)g現(xiàn)できるはずです。
キャンバスを使用してクレジットスコアを100とする割合を監(jiān)視し、その割合を使用して現(xiàn)在の位置の弧の長(zhǎng)さを計(jì)算します。次に、円弧の長(zhǎng)さに基づいて中心角を見(jiàn)つけることができます。次に、requestanimationframe を使用してデータの初期狀態(tài)を 0 に設(shè)定し、レンダリングのたびに値を均等に変更して、ページに入るときに円の位置が動(dòng)的に変化する効果を?qū)g現(xiàn)することもできます。