Raphaeljs Unterstützung in IE8

Wie Sie können oder können nicht wissen, Raphaël erzeugt VML für IE6-8 und SVG für alle anderen Browser. Jedoch, VML und SVG, die ganz anders funktioniert. Dies ist sehr unzureichend dokumentiert Raphaël.

Das Problem, das Sie erleben, ist aufgrund der Tatsache, dass Sie hinzufügen, ein href-Attribut, um die Elemente, D. H. ptm.attr({'href':'ptm_sp.php?ptm_sp=h3R2ci'});, die funktioniert gut für die SVG, da die SVG-Elemente können Ereignisse in der gleichen Weise, wie DOM-Elemente.

Für VML-obwohl, Sie müssen zum befestigen des Raphaël bestimmten click Funktion auf das Objekt, und produzieren document.location.href = 'http://URL'; im inneren des. Die Raphaël Veranstaltungen aufgeführt sind hier, aber ignorieren Sie bitte die paragaph über die Verwendung Ihrer Lieblings-Bibliothek, dies ist falsch, für VML-Grafiken.

Beispiel-code, die Ihnen helfen sollten dein problem lösen:

ptm.click(function(){
    location.href = 'ptm_sp.php?ptm_sp=h3R2ci';
});

Auch konnte ich nicht umhin zu bemerken, dass Sie optimieren Ihre code-Größe ein wenig. Jetzt, dein JS-code gibt wie diese:

var ptm = paper.text(13.791304347826, 35, 'me2');
ptm.attr({'font-size':9});
ptm.attr({'href':'ptm_sp.php?ptm_sp=H3R2me2'});

var t = paper.text(13.791304347826, 70, 'R');
t.attr({'font-size':16});

var num = paper.text(13.791304347826, 85, '2');
num.attr({'font-size':9});

//etc.

... die steigt mit 3 Zeilen pro Artikel. Jedoch, es könnte zu erhöhen mit einer Zeile pro Element:

var t = []; //texts
t.push([13.791304347826, 35, 'me2', 9, 'ptm_sp.php?ptm_sp=H3R2me2']);
t.push([13.791304347826, 70, 'R', 16]);
t.push([13.791304347826, 85, '2', 9]);

for(var i = 0; i < t.length; i++){
    var tt = paper.text(t[i][0], t[i][1], t[i][2]);
    var ta = {};
    if(t[i][3]) ta['font-size'] = t[i][3];
    if(t[i][4]) ta['href'] = t[i][3];
    tt.attr(ta);
}

Nur ein Gedanke! Veröffentlichen Sie Ihren code auf Code-Review zu entwickeln, die Ihre Programmierkenntnisse - sehr zu empfehlen! 🙂