jsでスクラッチ動作を図形や画像と同期させたい

解決したいこと

現在jsの勉強をしており、いろいろなパーツを作ってjsの処理や応用を学んでいるのですが、
下記のようなDJサイトを見つけて円盤を円状にドラッグすると、その動作通りに円盤が動いており、
スクラッチ動作と画像を動機させる方法を教えていただきたいです。
https://doodles.google/doodle/44th-anniversary-of-the-birth-of-hip-hop/

下記画像をスクラッチ動作を行った際に、画像を円状に動かしたいです。

理想としている動作は、
https://doodles.google/doodle/44th-anniversary-of-the-birth-of-hip-hop/
や
https://color.adobe.com/ja/create/color-wheel
など
円状にスクラッチ動作が一致しているようにしたいです。

最後まで読んでいただきありがとうございます。
ご存じの方がいらっしゃいましたらご教示いただけますと幸いです。
何卒よろしくお願いします。