working version of tiling
This commit is contained in:
sbarman
parent
d720575392
commit
5fa49ce3d6
133
pdf.js
133
pdf.js
@ -1590,8 +1590,38 @@ var CanvasExtraState = (function() {
|
|||||||
// Start of text line (in text coordinates)
|
// Start of text line (in text coordinates)
|
||||||
this.lineX = 0.0;
|
this.lineX = 0.0;
|
||||||
this.lineY = 0.0;
|
this.lineY = 0.0;
|
||||||
|
|
||||||
|
this.transMatrix = IDENTITY_MATRIX;
|
||||||
}
|
}
|
||||||
constructor.prototype = {
|
constructor.prototype = {
|
||||||
|
applyTransform: function(point) {
|
||||||
|
var m = this.transMatrix
|
||||||
|
var x = point[0] * m[0] + point[1] * m[2] + m[4];
|
||||||
|
var y = point[0] * m[1] + point[1] * m[3] + m[5];
|
||||||
|
return [x,y];
|
||||||
|
},
|
||||||
|
concatTransform: function(m) {
|
||||||
|
var tm = this.transMatrix;
|
||||||
|
|
||||||
|
var a = m[0] * tm[0] + m[1] * tm[2];
|
||||||
|
var b = m[0] * tm[1] + m[1] * tm[3];
|
||||||
|
var c = m[2] * tm[0] + m[3] * tm[2];
|
||||||
|
var d = m[2] * tm[1] + m[3] * tm[3];
|
||||||
|
var e = m[4] * tm[0] + m[5] * tm[2] + tm[4];
|
||||||
|
var f = m[4] * tm[1] + m[5] * tm[3] + tm[5];
|
||||||
|
this.transMatrix = [a, b, c, d, e, f]
|
||||||
|
},
|
||||||
|
getInvTransform: function(matrix) {
|
||||||
|
var m = this.transMatrix;
|
||||||
|
var det = 1 / (m[0] * m[3] - m[1] * m[2]);
|
||||||
|
var a = m[3] * det;
|
||||||
|
var b = -m[1] * det;
|
||||||
|
var c = -m[2] * det;
|
||||||
|
var d = m[0] * det;
|
||||||
|
var e = (m[2] * m[5] - m[3] * m[4]) * det;
|
||||||
|
var f = (m[1] * m[4] - m[0] * m[5]) * det;
|
||||||
|
return [a, b, c, d, e, f]
|
||||||
|
}
|
||||||
};
|
};
|
||||||
return constructor;
|
return constructor;
|
||||||
})();
|
})();
|
||||||
@ -1851,6 +1881,7 @@ var CanvasGraphics = (function() {
|
|||||||
},
|
},
|
||||||
transform: function(a, b, c, d, e, f) {
|
transform: function(a, b, c, d, e, f) {
|
||||||
this.ctx.transform(a, b, c, d, e, f);
|
this.ctx.transform(a, b, c, d, e, f);
|
||||||
|
this.current.concatTransform([a,b,c,d,e,f]);
|
||||||
},
|
},
|
||||||
|
|
||||||
// Path
|
// Path
|
||||||
@ -2023,6 +2054,11 @@ var CanvasGraphics = (function() {
|
|||||||
},
|
},
|
||||||
setFillColorSpace: function(space) {
|
setFillColorSpace: function(space) {
|
||||||
// TODO real impl
|
// TODO real impl
|
||||||
|
if (space.name === "Pattern") {
|
||||||
|
this.colorspace = "Pattern";
|
||||||
|
} else {
|
||||||
|
this.colorspace = null;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
setStrokeColor: function(/*...*/) {
|
setStrokeColor: function(/*...*/) {
|
||||||
// TODO real impl
|
// TODO real impl
|
||||||
@ -2045,8 +2081,105 @@ var CanvasGraphics = (function() {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
setFillColorN: function(/*...*/) {
|
setFillColorN: function(/*...*/) {
|
||||||
|
// TODO real impl
|
||||||
|
var args = arguments;
|
||||||
|
if (this.colorspace == "Pattern") {
|
||||||
|
var patternName = args[0];
|
||||||
|
if (IsName(patternName)) {
|
||||||
|
var xref = this.xref;
|
||||||
|
var patternRes = xref.fetchIfRef(this.res.get("Pattern"));
|
||||||
|
if (!patternRes)
|
||||||
|
error("Unable to find pattern resource");
|
||||||
|
|
||||||
|
var pattern = xref.fetchIfRef(patternRes.get(patternName.name));
|
||||||
|
|
||||||
|
var type = pattern.dict.get("PatternType");
|
||||||
|
if (type === 1) {
|
||||||
|
this.tilingFill(pattern);
|
||||||
|
} else {
|
||||||
|
error("Unhandled pattern type");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
// TODO real impl
|
// TODO real impl
|
||||||
this.setFillColor.apply(this, arguments);
|
this.setFillColor.apply(this, arguments);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
tilingFill: function(pattern) {
|
||||||
|
this.save();
|
||||||
|
var dict = pattern.dict;
|
||||||
|
|
||||||
|
var paintType = dict.get("PaintType");
|
||||||
|
if (paintType == 2) {
|
||||||
|
error("Unsupported paint type");
|
||||||
|
} else {
|
||||||
|
// should go to default for color space
|
||||||
|
this.ctx.fillStyle = this.makeCssRgb(1, 1, 1);
|
||||||
|
this.ctx.strokeStyle = this.makeCssRgb(0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
// not sure what to do with this
|
||||||
|
var tilingType = dict.get("TilingType");
|
||||||
|
|
||||||
|
var tempExtra = new CanvasExtraState();
|
||||||
|
var matrix = dict.get("Matrix");
|
||||||
|
if (matrix && IsArray(matrix) && 6 == matrix.length)
|
||||||
|
tempExtra.transMatrix = matrix;
|
||||||
|
|
||||||
|
var bbox = dict.get("BBox");
|
||||||
|
var x0 = bbox[0], y0 = bbox[1], x1 = bbox[2], y1 = bbox[3];
|
||||||
|
|
||||||
|
var xstep = dict.get("XStep");
|
||||||
|
var ystep = dict.get("YStep");
|
||||||
|
|
||||||
|
// top left corner should correspond to the top left of the bbox
|
||||||
|
var topLeft = tempExtra.applyTransform([x0,y0]);
|
||||||
|
// we want the canvas to be as large as the step size
|
||||||
|
var botRight = tempExtra.applyTransform([x0 + xstep, y0 + ystep]);
|
||||||
|
|
||||||
|
var tmpCanvas = document.createElement("canvas");
|
||||||
|
tmpCanvas.width = Math.ceil(botRight[0] - topLeft[0]);
|
||||||
|
tmpCanvas.height = Math.ceil(botRight[1] - topLeft[1]);
|
||||||
|
|
||||||
|
// set the new canvas element context as the graphics context
|
||||||
|
var tmpCtx = tmpCanvas.getContext("2d");
|
||||||
|
var oldCtx = this.ctx;
|
||||||
|
this.ctx = tmpCtx;
|
||||||
|
|
||||||
|
// normalize matrix transform so each step
|
||||||
|
// takes up the entire tmpCanvas
|
||||||
|
if (matrix[1] === 0 && matrix[2] === 0) {
|
||||||
|
matrix[0] = tmpCanvas.width / xstep;
|
||||||
|
matrix[3] = tmpCanvas.height / ystep;
|
||||||
|
tempExtra.transMatrix = matrix;
|
||||||
|
topLeft = tempExtra.applyTransform([x0,y0]);
|
||||||
|
}
|
||||||
|
|
||||||
|
// move the top left corner of bounding box to [0,0]
|
||||||
|
tempExtra.transMatrix = [1, 0, 0, 1, -topLeft[0], -topLeft[1]];
|
||||||
|
tempExtra.concatTransform(matrix);
|
||||||
|
matrix = tempExtra.transMatrix;
|
||||||
|
|
||||||
|
this.transform.apply(this, matrix);
|
||||||
|
|
||||||
|
if (bbox && IsArray(bbox) && 4 == bbox.length) {
|
||||||
|
this.rectangle.apply(this, bbox);
|
||||||
|
this.clip();
|
||||||
|
this.endPath();
|
||||||
|
}
|
||||||
|
|
||||||
|
var xref = this.xref;
|
||||||
|
var res = xref.fetchIfRef(dict.get("Resources"));
|
||||||
|
if (!pattern.code)
|
||||||
|
pattern.code = this.compile(pattern, xref, res, []);
|
||||||
|
this.execute(pattern.code, xref, res);
|
||||||
|
|
||||||
|
// set the old context
|
||||||
|
this.ctx = oldCtx;
|
||||||
|
this.restore();
|
||||||
|
|
||||||
|
var pattern = this.ctx.createPattern(tmpCanvas, "repeat");
|
||||||
|
this.ctx.fillStyle = pattern;
|
||||||
},
|
},
|
||||||
setStrokeGray: function(gray) {
|
setStrokeGray: function(gray) {
|
||||||
this.setStrokeRGBColor(gray, gray, gray);
|
this.setStrokeRGBColor(gray, gray, gray);
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user