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

initial support for backgroundSize

Browse Source
This commit is contained in:
MoyuScript 2012-12-30 12:30:48 -06:00
parent 82194f0295
commit 2393b5fb59
1 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/Core.js
View File

@ -155,7 +155,8 @@ _html2canvas.Util.Bounds = function getBounds (el) {
_html2canvas.Util.getCSS = function (el, attribute) { _html2canvas.Util.getCSS = function (el, attribute) {
// return $(el).css(attribute); // return $(el).css(attribute);
var val; var val,
isBackgroundSizePosition = !!attribute.match( /^background(Size|Position)$/ );
function toPX( attribute, val ) { function toPX( attribute, val ) {
var rsLeft = el.runtimeStyle && el.runtimeStyle[ attribute ], var rsLeft = el.runtimeStyle && el.runtimeStyle[ attribute ],
@ -199,13 +200,14 @@ _html2canvas.Util.getCSS = function (el, attribute) {
} }
if ( window.getComputedStyle ) { if ( window.getComputedStyle ) {
if ( previousElement !== el ) { if ( previousElement !== el ) {
computedCSS = document.defaultView.getComputedStyle(el, null); computedCSS = document.defaultView.getComputedStyle(el, null);
} }
val = computedCSS[ attribute ]; val = computedCSS[ attribute ];
if ( attribute === "backgroundPosition" ) { if ( isBackgroundSizePosition ) {
val = (val.split(",")[0] || "0 0").split(" "); val = (val.split(",")[0] || "0 0").split(" ");
@ -224,7 +226,7 @@ _html2canvas.Util.getCSS = function (el, attribute) {
} else if ( el.currentStyle ) { } else if ( el.currentStyle ) {
// IE 9> // IE 9>
if (attribute === "backgroundPosition") { if ( isBackgroundSizePosition ) {
// Older IE uses -x and -y // Older IE uses -x and -y
val = [ toPX( attribute + "X", el.currentStyle[ attribute + "X" ] ), toPX( attribute + "Y", el.currentStyle[ attribute + "Y" ] ) ]; val = [ toPX( attribute + "X", el.currentStyle[ attribute + "X" ] ), toPX( attribute + "Y", el.currentStyle[ attribute + "Y" ] ) ];
} else { } else {
@ -263,10 +265,10 @@ _html2canvas.Util.getCSS = function (el, attribute) {
}; };
_html2canvas.Util.BackgroundPosition = function ( el, bounds, image ) { function backgroundBoundsFactory( prop, el, bounds, image ) {
// TODO add support for multi image backgrounds // TODO add support for multi image backgrounds
var bgposition = _html2canvas.Util.getCSS( el, "backgroundPosition" ) , var bgposition = _html2canvas.Util.getCSS( el, prop ) ,
topPos, topPos,
left, left,
percentage, percentage,
@ -299,14 +301,17 @@ _html2canvas.Util.BackgroundPosition = function ( el, bounds, image ) {
topPos = parseInt(bgposition[1],10); topPos = parseInt(bgposition[1],10);
} }
return [left, topPos];
}
_html2canvas.Util.BackgroundPosition = function( el, bounds, image ) {
var result = backgroundBoundsFactory( 'backgroundPosition', el, bounds, image );
return { left: result[0], top: result[1] };
};
_html2canvas.Util.BackgroundSize = function( el, bounds, image ) {
return { var result = backgroundBoundsFactory( 'backgroundSize', el, bounds, image );
top: topPos, return { width: result[1], height: result[0] };
left: left
};
}; };
_html2canvas.Util.Extend = function (options, defaults) { _html2canvas.Util.Extend = function (options, defaults) {