mirror/html2canvas
1
0
Fork 0
mirror of https://github.com/niklasvh/html2canvas.git synced 2023-08-10 21:13:10 +03:00
Code Issues Projects Releases Wiki Activity

backgroundPosition should use backgroundSize as a baseline for %'s

Browse Source
This commit is contained in:
Andy Edinborough 2013-01-02 13:45:58 -06:00
parent 9b5ae9e191
commit eb57b61859
2 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/Core.js
View File

@ -267,7 +267,7 @@ _html2canvas.Util.resizeBounds = function( current_width, current_height, target
return { width: output_width, height: output_height };
};
function backgroundBoundsFactory( prop, el, bounds, image, imageIndex ) {
function backgroundBoundsFactory( prop, el, bounds, image, imageIndex, backgroundSize ) {
var bgposition = _html2canvas.Util.getCSS( el, prop, imageIndex ) ,
topPos,
left,
@ -287,7 +287,7 @@ function backgroundBoundsFactory( prop, el, bounds, image, imageIndex ) {
percentage = (parseFloat(bgposition[0])/100);
left = bounds.width * percentage;
if(prop !== 'backgroundSize') {
left -= image.width*percentage;
left -= (backgroundSize || image).width*percentage;
}
} else {
@ -315,7 +315,7 @@ function backgroundBoundsFactory( prop, el, bounds, image, imageIndex ) {
percentage = (parseFloat(bgposition[1])/100);
topPos = bounds.height * percentage;
if(prop !== 'backgroundSize') {
topPos -= image.height * percentage;
topPos -= (backgroundSize || image).height * percentage;
}
} else {
@ -326,8 +326,8 @@ function backgroundBoundsFactory( prop, el, bounds, image, imageIndex ) {
return [left, topPos];
}
_html2canvas.Util.BackgroundPosition = function( el, bounds, image, imageIndex ) {
var result = backgroundBoundsFactory( 'backgroundPosition', el, bounds, image, imageIndex );
_html2canvas.Util.BackgroundPosition = function( el, bounds, image, imageIndex, backgroundSize ) {
var result = backgroundBoundsFactory( 'backgroundPosition', el, bounds, image, imageIndex, backgroundSize );
return { left: result[0], top: result[1] };
};
_html2canvas.Util.BackgroundSize = function( el, bounds, image, imageIndex ) {

26
src/Parse.js
View File

@ -555,28 +555,28 @@ _html2canvas.Parse = function (images, options) {
}
function renderBackgroundNoRepeat(ctx, image, backgroundPosition, x, y, w, h) {
var bgdw = w, // - backgroundPosition.left,
bgdh = h, // - backgroundPosition.top,
var bgdw = w - backgroundPosition.left,
bgdh = h - backgroundPosition.top,
bgsx = backgroundPosition.left,
bgsy = backgroundPosition.top,
bgdx = backgroundPosition.left + x,
bgdy = backgroundPosition.top + y;
if (bgsx<0){
bgsx = Math.abs(bgsx);
bgsx = Math.abs( bgsx );
bgdx += bgsx;
bgdw = Math.min(w,image.width-bgsx);
bgdw = Math.min( w, image.width - bgsx );
} else {
bgdw = Math.min(bgdw,image.width);
bgdw = Math.min( bgdw, image.width );
bgsx = 0;
}
if (bgsy < 0){
bgsy = Math.abs(bgsy);
bgsy = Math.abs( bgsy );
bgdy += bgsy;
bgdh = Math.min(h, image.height - bgsy);
bgdh = Math.min( h, image.height - bgsy );
} else {
bgdh = Math.min(bgdh, image.height);
bgdh = Math.min( bgdh, image.height );
bgsy = 0;
}
@ -590,8 +590,8 @@ _html2canvas.Parse = function (images, options) {
image.height,
bgdx,
bgdy,
bgdw,
bgdh
bgdw + backgroundPosition.left,
bgdh + backgroundPosition.top
);
}
}
@ -634,9 +634,9 @@ _html2canvas.Parse = function (images, options) {
}
function renderBackgroundRepeating(el, bounds, ctx, image, imageIndex) {
var backgroundPosition = _html2canvas.Util.BackgroundPosition(el, bounds, image, imageIndex),
backgroundRepeat = getCSS(el, "backgroundRepeat").split(","),
backgroundSize = _html2canvas.Util.BackgroundSize(el, bounds, image, imageIndex);
var backgroundSize = _html2canvas.Util.BackgroundSize(el, bounds, image, imageIndex),
backgroundPosition = _html2canvas.Util.BackgroundPosition(el, bounds, image, imageIndex, backgroundSize),
backgroundRepeat = getCSS(el, "backgroundRepeat").split(",");
backgroundRepeat = backgroundRepeat[imageIndex] || backgroundRepeat[0];