2016-04-04 5 views
1

Ich habe eine kleine Website erstellt, auf der Benutzer eine Collage aus Bildern in Frames erstellen können. Ich habe keine Probleme mit allen Browsern, die ich ausprobiert habe ... mit Ausnahme von Browsern auf meinem iPad; Chrome und Safari.Fabric JS toDataURL produziert große Bilder mit iPad-Browsern.

Mein Ruf der Leinwand speichern wird wie folgt ...

var durl = fabCanvas.toDataURL({ 
    format: 'png', 
    multiplier: 1 
}); 

Das Bild kommen sollte wie folgt ...

enter image description here

Aber stattdessen wird es herauskommen wie so ...



Diese Bilder sind nicht groß. Irgendein Grund, warum es das tun würde?

Vielen Dank im Voraus.

Antwort

0

fabricjs unterstützt die Retina-Anzeige Ihres iPad-Geräts. Der Canvas-Bereich ist vorskaliert, um der Anzeige beim Betrachten eine höhere Klarheit zu verleihen. Leider wurde dies beim Export nach dataUrl nicht berücksichtigt. In letzter Zeit (vor weniger als einem Monat) wurde dieser Fehler am 24. Februar 2016 mit dieser commit behoben.

Ihr Code ist wahrscheinlich richtig, was Sie tun müssen, ist Download und Build neueste Version von Fabricjs.

+0

Ich musste auch Objekte in meiner Leinwand mit Code aus der Antwort dieses Artikels skalieren ... http://Stackoverflow.com/a/13399901/1384773 – smatthews1999

+0

ich denke, es sollte funktionieren out of the box. Würde es Ihnen etwas ausmachen, eine Fiedel mit dem Problem zu teilen? – AndreaBogazzi

+0

Wenn Sie so freundlich wären, mir zu zeigen, wie man die neueste Version von FabricJS erstellt und sie mit Fiddle verbindet, würde ich mich freuen. Ehrlich gesagt, hatte ich Probleme, die richtige Version zu erstellen. Ich habe ver. 1.6.0-rc.1 b/c Ich benötigte die Funktion calcTransformMatrix(), die in früheren Versionen fehlte. Als ich das neueste Github Repo baute, wurde meine Version 1.5.0, und das war nicht gut. Am Ende habe ich die Änderungen Ihres Commits in meine eigene Version (1.6.0-rc 1) eingefügt. Tut mir leid, wenn das nach einem Durcheinander klingt, aber ich bin nicht gut mit der Versionierung von GitHub. – smatthews1999