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

Fix: Render background-size correctly with no-repeat #447

Browse Source
This commit is contained in:
Niklas von Hertzen 2014-09-27 17:02:46 +03:00
parent 1d8a316f13
commit 3f3424e49c
4 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/html2canvas.js vendored
View File

@ -2347,7 +2347,7 @@ Renderer.prototype.renderBackgroundRepeating = function(container, bounds, image
this.backgroundRepeatShape(imageContainer, position, size, bounds, bounds.left + position.left + borderData[3], bounds.top + borderData[0], imageContainer.image.width, 99999, borderData);
break;
case "no-repeat":
this.backgroundRepeatShape(imageContainer, position, size, bounds, bounds.left + position.left + borderData[3], bounds.top + position.top + borderData[0], imageContainer.image.width, imageContainer.image.height, borderData);
this.backgroundRepeatShape(imageContainer, position, size, bounds, bounds.left + position.left + borderData[3], bounds.top + position.top + borderData[0], size.width, size.height, borderData);
break;
default:
this.renderBackgroundRepeat(imageContainer, position, size, {top: bounds.top, left: bounds.left}, borderData[3], borderData[0]);

2
dist/html2canvas.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
src/renderer.js
View File

@ -95,7 +95,7 @@ Renderer.prototype.renderBackgroundRepeating = function(container, bounds, image
this.backgroundRepeatShape(imageContainer, position, size, bounds, bounds.left + position.left + borderData[3], bounds.top + borderData[0], imageContainer.image.width, 99999, borderData);
break;
case "no-repeat":
this.backgroundRepeatShape(imageContainer, position, size, bounds, bounds.left + position.left + borderData[3], bounds.top + position.top + borderData[0], imageContainer.image.width, imageContainer.image.height, borderData);
this.backgroundRepeatShape(imageContainer, position, size, bounds, bounds.left + position.left + borderData[3], bounds.top + position.top + borderData[0], size.width, size.height, borderData);
break;
default:
this.renderBackgroundRepeat(imageContainer, position, size, {top: bounds.top, left: bounds.left}, borderData[3], borderData[0]);

16
tests/cases/background/size.html
View File

@ -19,15 +19,27 @@
}
.horizontal div {
width: 400px; height: 200px;
width: 400px; height: 100px;
}
.vertical div {
width: 200px; height: 400px;
width: 200px; height: 200px;
}
.container {
float: left;
border: 1px solid black;
width: 200px;
height: 200px;
background-image: url(../../assets/image.jpg);
background-size: 34px;
background-repeat: no-repeat;
background-position: center;
}
</style>
</head>
<body>
<div class="container"></div>
<div class="horizontal">
<div style='background-size: cover;'></div>