SVG Kaydetme Sorunu

07-12-2021, 22:00:19

Merhabalar, API ile random resim üreten bir sayfam var. Download butonu koyarak üretilen öğeyi indirtmeyi amaçlıyorum ancak her yolu denedim başaramadım. Yardımcı olacaklara şimdiden teşekkür ederim 🙂

<div id="avatar">
  <img id="image" src="https://site.com/<?php echo rand($min, $max);?>.svg" />
</div>
<div class="btn-group">
  <span><a href="#" id="generate" style="margin-top: -55%!important;"></a></span>
<p><a href="#" style="margin-top: -55%!important;margin-bottom: 80px;"></a></p>

</div>

07-12-2021, 22:22:17

Misafir

wisex adlı üyeden alıntı: mesajı görüntüle

<div id="avatar">
  <img id="image" src="https://site.com/<?php echo rand($min, $max);?>.svg" />
</div>
<div class="btn-group">
  <span><a href="#" id="generate" style="margin-top: -55%!important;"></a></span>
<p><a href="#" style="margin-top: -55%!important;margin-bottom: 80px;"></a></p>

</div>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var baseGET = async (url) => {


            return new Promise(function (resolve, reject) {
                var xhr = new XMLHttpRequest();
                xhr.open('get', url, true);
                xhr.responseType = 'blob';
                xhr.onload = function () {


                    var reader = new FileReader();
                    reader.onloadend = function async() {
                        resolve({ "response": xhr.response, "result": reader.result });

                    }
                    reader.readAsDataURL(xhr.response);


                    var status = xhr.status;
                    if (status == 200) {

                    } else {
                        reject(status);
                    }


                };
                xhr.send();
            });



        }
        var getF = async () => {
            var b = await baseGET('https://cdn.r10.net/newbn/igtr.webp')

            var image = new Image();
            // image.src = URL.createObjectURL(b.result);
            var h = document.createElement('a')
            h.download = true;
            h.href=b.result;
            h.click()
            console.log(b)
        }
        getF()
    </script>

</body>

</html>

wisex bunu beğendi.

1 kişi bunu beğendi.