Merhabalar;
Elimde bir HTML döküman var. Rastgele görsel oluşturuyor ancak görselleri base64 ile şifreliyor. Ben oluşan görselleri Download butonu koyarak indirmenin yolunu arıyorum. html2canvas denedim ancak olmadı. Yardımcı olabilir misiniz?
HTML Kodum
<div class="profile b64"></div>
CSS Kodum
.b64 {
background-image: url("data:image/svg+xml;base64,PD94bW.....z4K");
}
Javascript Kodum
function hashCode (str){
var hash = 0;
if (str.length == 0) return hash;
for (i = 0; i < str.length; i++) {
char = str.charCodeAt(i);
hash = ((hash<<5)-hash)+char;
hash = hash & hash; // Convert to 32bit integer
}
return hash;
}
$('.name').on('keyup', function () {
// Get name value as string
var name = $(this).val();
// Generate positive numerical hash from name
var hash = Math.abs(hashCode(name)).toString();
// Define Vars
var xpos = hash.substring(0, 3);
var ypos = hash.substring(1, 4);
var deg = hash.substring(2, 5);
var bp = xpos + "px " + ypos + "px";
// Override CSS
$('.profile').css({
'background-position' : bp,
'filter' : 'hue-rotate('+deg+'deg)'
});
});