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

Add another border-radius test

Browse Source
This commit is contained in:
MoyuScript 2015-10-18 23:15:51 +03:00
parent f32dd031f7
commit 4eea3dd434
3 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
dist/html2canvas.js vendored
View File

@ -3418,14 +3418,14 @@ function calculateCurvePoints(bounds, borderRadius, borders) {
width = bounds.width, width = bounds.width,
height = bounds.height, height = bounds.height,
tlh = borderRadius[0][0], tlh = borderRadius[0][0] < width / 2 ? borderRadius[0][0] : width / 2,
tlv = borderRadius[0][1], tlv = borderRadius[0][1] < height / 2 ? borderRadius[0][1] : height / 2,
trh = borderRadius[1][0], trh = borderRadius[1][0] < width / 2 ? borderRadius[1][0] : width / 2,
trv = borderRadius[1][1], trv = borderRadius[1][1] < height / 2 ? borderRadius[1][1] : height / 2,
brh = borderRadius[2][0], brh = borderRadius[2][0] < width / 2 ? borderRadius[2][0] : width / 2,
brv = borderRadius[2][1], brv = borderRadius[2][1] < height / 2 ? borderRadius[2][1] : height / 2,
blh = borderRadius[3][0], blh = borderRadius[3][0] < width / 2 ? borderRadius[3][0] : width / 2,
blv = borderRadius[3][1]; blv = borderRadius[3][1] < height / 2 ? borderRadius[3][1] : height / 2;
var topWidth = width - trh, var topWidth = width - trh,
rightHeight = height - brv, rightHeight = height - brv,

4
dist/html2canvas.min.js vendored
View File

File diff suppressed because one or more lines are too long

7
tests/cases/border/radius.html
View File

@ -57,6 +57,12 @@
background-clip: padding-box; background-clip: padding-box;
} }
.box6 {
height: 200px;
width: 200px;
border-radius: 200px;
}
html { html {
background: #3a84c3; background: #3a84c3;
} }
@ -69,5 +75,6 @@
<div class="box3">&nbsp;</div> <div class="box3">&nbsp;</div>
<div class="box4">&nbsp;</div> <div class="box4">&nbsp;</div>
<div class="box5">&nbsp;</div> <div class="box5">&nbsp;</div>
<div class="box6">&nbsp;</div>
</body> </body>
</html> </html>