Hopiu/fabric.js
1
0
Fork 0
mirror of https://github.com/Hopiu/fabric.js.git synced 2026-05-08 13:54:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add retina scaling effect to dataUrl exporter

Browse source 
Add retina scaling as a normal dataurl multiplier.
Removed setWidth and setHeight in favor of setDimensions
Removed rescaling back of canvas because setDimension will clear the transform anyway.
This commit is contained in:
Andrea Bogazzi 2016-02-24 08:47:27 +01:00
parent db068d59c9
commit df1cffaade
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/mixins/canvas_dataurl_exporter.mixin.js
View file

@ -44,6 +44,10 @@ fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.Stati
height: options.height
};
if (this._isRetinaScaling()) {
multiplier *= fabric.devicePixelRatio;
}
if (multiplier !== 1) {
return this.__toDataURLWithMultiplier(format, quality, cropping, multiplier);
}
@ -111,16 +115,18 @@ fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.Stati
var origWidth = this.getWidth(),
origHeight = this.getHeight(),
origRetinaScaling = this.enableRetinaScaling,
scaledWidth = origWidth * multiplier,
scaledHeight = origHeight * multiplier,
activeObject = this.getActiveObject(),
activeGroup = this.getActiveGroup(),
ctx = this.contextContainer;
this.enableRetinaScaling = false;
if (multiplier > 1) {
this.setWidth(scaledWidth).setHeight(scaledHeight);
this.setDimensions({width: scaledWidth, height: scaledHeight});
}
ctx.save();
ctx.scale(multiplier, multiplier);
if (cropping.left) {
@ -156,9 +162,8 @@ fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.Stati
// background properly (while context is scaled)
this.width = origWidth;
this.height = origHeight;
ctx.scale(1 / multiplier, 1 / multiplier);
this.setWidth(origWidth).setHeight(origHeight);
this.enableRetinaScaling = origRetinaScaling;
this.setDimensions({width: origWidth, height: origHeight});
if (activeGroup) {
this._restoreBordersControlsOnGroup(activeGroup);