javascript - 动态更改 following-mouse-div 的颜色，与其下方的颜色互补

Question

我有一个跟随鼠标指针的 div，我希望该 div 根据其下方的颜色将其颜色更改为互补色。 所以它需要测量鼠标下方任何一点的颜色，并将互补色分配给鼠标指针后面的 div。 Gpick 之类的东西正在做:https://www.youtube.com/watch?v=oy7_PadJ1Ig

Answer 1

我已经创建了演示示例，您可以在此处查看

$("div").mousemove(function(e){
  $('.follow').css({'top': e.clientY - 20, 'left': e.clientX - 20});
});
$("div").mouseover(function() {
   var col=$(this).css("background-color");
   $("#myid").css("background-color",col);

});

Click on this to see Demo