Html2canvas: 'SVGElement.offsetWidth' ist veraltet und wird etwa im April 2016 in M50 entfernt

War gerade dabei, das anzuheben! Etwas besorgt, dass etwas diesen Monat einfach nicht mehr funktioniert.

Ja, anscheinend funktioniert die Opera 37 Beta nicht. Außerdem hat die neueste Version des Plug-Ins Probleme mit der Anzeige von Hintergründen und Rändern. Ich habe eine, sie überprüfen nicht?

Auch in der Demo werden Hintergründe und Rahmen nicht angezeigt ((

Dies ist ein großes Problem, da unsere SVGs nicht mehr gerendert werden.

Der größte Übeltäter liegt in dieser Funktion:

function offsetBounds(node) {
    var parent = node.offsetParent ? offsetBounds(node.offsetParent) : {top: 0, left: 0};

    return {
        top: node.offsetTop + parent.top,
        bottom: node.offsetTop + node.offsetHeight + parent.top,
        right: node.offsetLeft + parent.left + node.offsetWidth,
        left: node.offsetLeft + parent.left,
        width: node.offsetWidth,
        height: node.offsetHeight
    };
}

lines 1887 - 1898 in html2canvas.js

Alle offsetTop, offsetLeft, offsetWidth, offsetHeight sind jetzt für SVGs nicht definiert

Die empfohlene Lösung ist getBoundingClientRect() , kann aber immer noch nicht funktionieren.

Hat jemand eine Lösung dafür?

@MarcBalaban Ich habe es noch nicht ausprobiert, aber würde dies nicht nur über der Rückgabe in dieser Funktion hinzugefügt werden

if ( node.tagName === 'SVG' ) {
    return node.getBoundingClientRect();
  }

@Dayjo leider nicht, es ist definitiv auf dem richtigen Weg, aber diese Linie

var parent = node.offsetParent ? offsetBounds(node.offsetParent) : {top: 0, left: 0};

wird auch nicht richtig ausgeführt, da offsetParent ebenfalls abgeschrieben wurde:

Hmm ja, wenn man sich das ein bisschen genauer ansieht, muss es vielleicht so etwas wie die getBoundingBoxInArbitrarySpace-Funktion hier verwenden; https://svn.apache.org/repos/asf/commons/sandbox/gsoc/2010/scxml-js/trunk/src/javascript/scxml/cgf/util/svg.js gemäß http://stackoverflow.com /questions/5996005/how-to-use-element-offsetparent-with-html-svg-elements#answers

Hatte aber noch keine Gelegenheit zu irgendwelchen Tests.

Gibt es Neuigkeiten zu diesem Thema? Vielen Dank!

@chemitaxis - trotz der Warnung hatte ich bisher keine Probleme mit dem Ergebnis von html2canvas. Aber wer weiß, ob/wann diese Änderung tatsächlich in Chrome umgesetzt wird

Sieht so aus, als ob Chrome jetzt nicht mehr funktioniert. SVGs scheinen entweder gar nicht, falsch oder im falschen Maßstab / an der Position im Canvas gerendert zu werden.

@niklasvh - irgendwelche Gedanken dazu? Wenn ich die Zeit hätte, würde ich gerne eine Party machen, aber im Moment bin ich Choca.

Ich hatte eine Chance mit https://svn.apache.org/repos/asf/commons/sandbox/gsoc/2010/scxml-js/trunk/src/javascript/scxml/cgf/util/svg.js

Aber ich war mir nicht sicher, wo ich es implementieren musste, ich habe es sowohl in der offsetBounds als auch in der getBounds Funktion versucht, aber ohne Erfolg. Die X- und Y-Koordinaten scheinen korrekt zu sein, aber die Breite und Höhe sind alle falsch. Müsste noch etwas umfangreicher testen.

Ich habe hier einen vorläufigen Branch (https://github.com/Dayjo/html2canvas/tree/issue-846) mit dem neuesten Beta-Commit. Wenn jemand testen möchte, sollte er die Version dist können oder einfach neu erstellen, wenn Sie möchten. Keine Ahnung wie gut/ob das überhaupt geht.

@Dayjo Ja, das ist mir auch aufgefallen. SVGs befinden sich völlig an der falschen Position und sind fast immer außerhalb des Bildschirms, da alle Offsets als undefiniert ausgewertet werden. Ich habe mich auch versucht, dies mit rekursivem getBoundingClientRect zu lösen - aber kein Glück :( Ich werde mir Ihren Zweig ansehen.

Ich habe es gelöst... Ich werde die Lösung am Ende der Woche hinzufügen, wenn ich
Zeit haben. Entschuldigung für die Verzögerung... Es funktioniert auf FF, Safari und Chrome.
Am besten.
Am Mittwoch, den 29. Juni 2016 um 19:00 Uhr schrieb Yuki K [email protected] :

@Dayjo https://github.com/Dayjo Ja, das ist mir auch aufgefallen. SVGs sind
total in der falschen Position und sind jetzt fast immer aus dem Bildschirm
alle Offset*s werden als undefiniert ausgewertet. Ich habe mich auch am Lösen versucht
dies mit rekursivem getBoundingClientRect - aber kein Glück :( Ich nehme ein
schau dir deine Filiale an.

—
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/niklasvh/html2canvas/issues/846#issuecomment -229420457,
oder den Thread stumm schalten
https://github.com/notifications/unsubscribe/ABWsecUQ2l-rxisMZ4HCKu1nh-mbIMU1ks5qQqSQgaJpZM4IDr12
.

@chemitaxis Genial ! Freue mich auf die Korrektur.

Hey @chemitaxis , kannst du eine PR oder einen Link zu deinem Fork erstellen, wenn du Zeit hast?

@chemitaxis irgendwelche Fortschritte diesbezüglich? Ich hoffe, den Code in einem Projekt testen zu können, das ich gerade mache, um zu sehen, ob es alle meine SVG-Probleme löst, insbesondere mit IE.

Hallo @atdiff :) Ich habe das Problem mit anderen Bibliotheken gelöst ...