Multiplier-Eigenschaft funktioniert in der Funktion "toDataURL" mit Zuschneiden in Fabric.js @ nicht richt
Meine Originalgröße descanvas
ist800X700
.
Ich benutzeclipTo
, um in einem ausgewählten Bereich einer Zeichenfläche zu arbeiten:
var rect = new fabric.Rect({
left: 100,
top: 50,
fill: '#fff',
width: 376,
height: 602,
strokeWidth: 0,
selectable: false
});
rect.set({
clipFor: 'mainCanvas',
});
Ich stelle sicher, dass alle Bilder und Texte in diesen Bereich der Leinwand fallen.
Was ich machen will; was ich vorhabe zu tun
Ich willRahme up this Teil der Leinwand bis zu einer Breite und Höhe von1500X2400
damit es zum Drucken verwendet werden kann
Ich benutze die untentoDataURL
Funktion mitMultiplikato wie3
var imgData= canvas.toDataURL({
format: 'png',
width: 376,
height: 602,
top: 50,
left: 100,
multiplier: 3
});
Aber ich bekomme nur den obersten Teil des Bildes. Irgendeine Lösung
Update: Weitere Informationen zum Problem
Ich benutzeUbuntu 16.04 und Fabric.js-1.6.2
Demonstration des Problems auf JsFiddle
Wenn ich auf das @ klicenhance image
-Taste, nur der obere linke Teil des Bildes wird angezeigt.