Skip to content

Commit e479c95

Browse files
author
André Fiedler
committed
"added another background gradient to backgrounds.html"
1 parent 6637ba1 commit e479c95

2 files changed

Lines changed: 19 additions & 5 deletions

File tree

‎src/Generate.js‎

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -25,17 +25,14 @@ var reGradients = [
2525
// ["-webkit-linear-gradient(left, rgb(206, 219, 233) 0%, rgb(170, 197, 222) 17%, rgb(97, 153, 199) 50%, rgb(58, 132, 195) 51%, rgb(65, 154, 214) 59%, rgb(75, 184, 240) 71%, rgb(58, 139, 194) 84%, rgb(38, 85, 139) 100%)", "-webkit-linear-gradient", "left", ", rgb(206, 219, 233) 0%, rgb(170, 197, 222) 17%, rgb(97, 153, 199) 50%, rgb(58, 132, 195) 51%, rgb(65, 154, 214) 59%, rgb(75, 184, 240) 71%, rgb(58, 139, 194) 84%, rgb(38, 85, 139) 100%"]
2626
// ["-webkit-gradient(linear, 0% 0, 0% 100%, from(rgb(252, 252, 252)), to(rgb(232, 232, 232)))", "-webkit-gradient", "linear", "0% 0", "0% 100%", ", from(rgb(252, 252, 252)), to(rgb(232, 232, 232))"]
2727

28-
_html2canvas.Generate.getColorStopsFromGradient = function(css, bounds) {
29-
console.log(css);
30-
28+
_html2canvas.Generate.getColorStopsFromGradient = function(css, bounds) {
3129
var gradient, i, len = reGradients.length, m1, stop, m2, m2Len, step, m3;
3230

3331
for(i = 0; i < len; i+=1){
3432
m1 = css.match(reGradients[i]);
3533
if(m1) break;
3634
}
3735

38-
console.log(m1);
3936
if(m1) {
4037
switch(m1[1]) {
4138
case '-webkit-linear-gradient':
@@ -94,7 +91,6 @@ _html2canvas.Generate.getColorStopsFromGradient = function(css, bounds) {
9491
stop: stop
9592
});
9693
}
97-
console.log(gradient);
9894
}
9995
break;
10096

‎tests/background.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,23 @@
8686
/* W3C */
8787
background: linear-gradient(left, #cedbe9 0%, #aac5de 17%, #6199c7 50%, #3a84c3 51%, #419ad6 59%, #4bb8f0 71%, #3a8bc2 84%, #26558b 100%);
8888
}
89+
90+
.linearGradient5 {
91+
/* IE9 SVG */
92+
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwYjdhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhjMzMxMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzc1MjIwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZjZlNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
93+
/* FF 3.6+ */
94+
background: -moz-linear-gradient(top, #f0b7a1 0%, #8c3310 50%, #752201 51%, #bf6e4e 100%);
95+
/* Chrome, Safari 4+ */
96+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0b7a1), color-stop(50%, #8c3310), color-stop(51%, #752201), color-stop(100%, #bf6e4e));
97+
/* Chrome 10+, Safari 5.1+ */
98+
background: -webkit-linear-gradient(top, #f0b7a1 0%, #8c3310 50%, #752201 51%, #bf6e4e 100%);
99+
/* Opera 11.10+ */
100+
background: -o-linear-gradient(top, #f0b7a1 0%, #8c3310 50%, #752201 51%, #bf6e4e 100%);
101+
/* IE 10+ */
102+
background: -ms-linear-gradient(top, #f0b7a1 0%, #8c3310 50%, #752201 51%, #bf6e4e 100%);
103+
/* W3C */
104+
background: linear-gradient(top, #f0b7a1 0%, #8c3310 50%, #752201 51%, #bf6e4e 100%);
105+
}
89106
</style>
90107

91108
</head>
@@ -95,6 +112,7 @@
95112
<div class="linearGradient2">&nbsp;</div>
96113
<div class="linearGradient3">&nbsp;</div>
97114
<div class="linearGradient4">&nbsp;</div>
115+
<div class="linearGradient5">&nbsp;</div>
98116
</div>
99117

100118

0 commit comments

Comments
 (0)