圖像的圓形，並根據鼠標滾輪旋轉它們 - Javascript

Question

我想建立一個功能，讓用戶使用鼠標旋轉圓輪並選擇一個圖像。我如何構建這樣的東西？有沒有可用的插件？

Please see design image here

Answer 1

這可以通過以下方式來實現的。
1）創建一個Parent div並添加Bigger圈作爲背景。
2）將小圓圈添加爲子元素並將圓圈設置爲提及，您需要應用旋轉和翻譯CSS屬性。 參考link於此目的

3）然後事件鼠標，按下鼠標和鼠標了事件添加到父DIV。在鼠標下方應用旋轉和翻譯CSS屬性。 對於此參考link請注意，您將無法在桌面瀏覽器上測試給定的鏈接，因爲代碼有觸摸事件，需要將觸摸事件轉換爲鼠標事件以實現相同，但可以測試此代碼在iphone上。