Mouseover Aktion auf Bild

Question

Ich habe diese Webseite dvsantos.com im Abschnitt CORPORATE VALUES. Ich habe eine Art Kreis, der "Leute" "Kunden" und andere hat ...

Was ich brauche, ist, dass, wenn ich die Maus über einen dieser Abschnitte im Kreis führe, der Text, der daneben ist, ändert Ich versuche es mit der Farberkennung unter Verwendung einer Leinwand, aber es funktioniert nicht auf einigen Computern und in einigen Auflösungen.

Ich bin aus Ideen, was hier zu verwenden.

Ich benutze im Grunde diese:

$(function() { 

var canvas = document.getElementById('canvas1'); 

var img = new Image(); 
img.src = '../wp-content/uploads/2016/07/dvs_img5-1.png'; 



var ctx = canvas.getContext('2d'); 
img.onload = function() { 
ctx.canvas.width = img.width ; 
ctx.canvas.height = img.height; 
ctx.drawImage(img, 0, 0 ,img.width,img.height); 
img.style.display = 'none'; 

}; 




var color = document.getElementById('color'); 
function pick(event) { 


var pos = findPos(canvas); 
var x = event.pageX - pos.x; 
var y = event.pageY - pos.y; 




    var pixel = ctx.getImageData(x, y, 1,1); 
    var pixelData = pixel.data; 

    var rgba = 'rgba(' + pixelData[0] + ',' + pixelData[1] + 
       ',' + pixelData[2] + ',' + pixelData[3] + ')'; 

Answer 1

Ich denke, dass man für so etwas wie this

Es ist suchen aus einem anderen question