html son

6 yıl

Çavuş

Konu Sahibi

mesela bir input olsun fdsfds yazılı(en fazla 5 karakter yazılsın)

oluştur tuşuna tıklandığında

x resmi içinde fdsfds yazılı bir resim indirsin boyut 512x512

harbi çok şey istedim bea yeter artık hadi ben kaçarım.

R

Revolution

6 yıl

Yüzbaşı

İstediğin olayı direkt tarayıcı üzerinden halletmek istiyorsan canvas kullanman lazım, bu özelliği iyi araştır. W3School ve MDN'de epey döküman var bununla ilgili. İndirme işlemi için HTML5'in download özelliği iş görür(IE'de çalışmayabilir) Örnek olması açısından kabataslak bir şeyler hazırladım. Kodu ihtiyacına göre editlemek sana kalmış.


<!DOCTYPE html>
<html lang="tr">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script>
		function drawCanvas() {

	        var canvas    = document.createElement("canvas");
	        canvas.width  = 512;
	        canvas.height = 512;

        	var context = canvas.getContext("2d");
        	var val     = document.getElementById("txt").value;

			context.font      = "bold 32px Arial";
			context.fillStyle = "#000000";
			context.fillText(val, 220, 240);

			var dl      = document.getElementById("download");
			dl.href     = canvas.toDataURL();
			dl.download = val + ".png";

			if ( !("download" in document.createElement("a")) ) {
				dl.target        = "_blank";
				dl.style.display = 'inline';
			} else dl.click();

			return false;
		}
	</script>
</head>
<body>
	<form action="" onsubmit="return drawCanvas()">
		<input type="text" id="txt" maxlength="5" placeholder="Buraya yazı gelecek">
		<input type="submit" value="Oluştur">
	</form>
	<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=134582445&url=#" id="download" style="display: none; margin-top: 10px;" data-href="#" id="download" style="display: none; margin-top: 10px;">İndir</a>
</body>
</html>

Edit: Donanımhaber koddaki a elementine onclick="return dhExternallinkRedirect(this)" href="/ExternalLinkRedirect?url=#" gibi otomatik bir şeyler ekliyor forumda bug var sanırım. Orayı sil.

< Bu mesaj bu kişi tarafından değiştirildi Revolution -- 22 Ağustos 2018; 19:36:20 >

O

OktayYeni

6 yıl

Çavuş

Konu Sahibi

dl.href = canvas.toDataURL(); kısmına
data:text/html;base64,PGh0bWw+DQo8aGVhZD48dGl0bGU+MzAxIE1vdmVkIFBlcm1hbmVudGx5PC90aXRsZT48L2hlYWQ+DQo8Ym9keSBiZ2NvbG9yPSJ3aGl0ZSI+DQo8Y2VudGVyPjxoMT4zMDEgTW92ZWQgUGVybWFuZW50bHk8L2gxPjwvY2VudGVyPg0KPGhyPjxjZW50ZXI+bmdpbng8L2NlbnRlcj4NCjwvYm9keT4NCjwvaHRtbD4NCg==
datasını ekliyorum
The file you asked for does not exist

resimi dataya dönüştürdüğümdeyse uzun bir data oluyor

Bu mesaja 1 cevap geldi.

R

Revolution

6 yıl

Yüzbaşı

toDataURL() metodu PNG formatında bir dataURl çıktılar. Alternatif olarak toDataURL("image/jpeg") yazarsan da jpeg formatında çıktı verir. Sendeki data text/html resim formatı değil o.
uzun datalar ile uğraşmak istemiyorsan kısaltmanın yöntemi var:


<!DOCTYPE html>
<html lang="tr">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script>

		function dataURItoBlob(dataURI) {
		    // convert base64 to raw binary data held in a string
		    var byteString = atob(dataURI.split(',')[1]);

		    // separate out the mime component
		    var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];

		    // write the bytes of the string to an ArrayBuffer
		    var arrayBuffer = new ArrayBuffer(byteString.length);
		    var _ia = new Uint8Array(arrayBuffer);
		    for (var i = 0; i < byteString.length; i++) {
		        _ia[i] = byteString.charCodeAt(i);
		    }

		    var dataView = new DataView(arrayBuffer);
		    var blob = new Blob([dataView], { type: mimeString });
		    return blob;
		}

		function drawCanvas() {

	        var canvas    = document.createElement("canvas");
	        canvas.width  = 512;
	        canvas.height = 512;

        	var context = canvas.getContext("2d");
        	var val     = document.getElementById("txt").value;

			context.font      = "bold 32px Arial";
			context.fillStyle = "#000000";
			context.fillText(val, 220, 240);

			var dl      = document.getElementById("download");
			dl.href     = URL.createObjectURL(dataURItoBlob(canvas.toDataURL())); // datayı kısa url haline getirdik
			dl.download = val + ".png";

			if ( !("download" in document.createElement("a")) ) {
				dl.target        = "_blank";
				dl.style.display = 'inline';
			} else dl.click();

			return false;
		}
	</script>
</head>
<body>
	<form action="" onsubmit="return drawCanvas()">
		<input type="text" id="txt" maxlength="5" placeholder="Buraya yazı gelecek">
		<input type="submit" value="Oluştur">
	</form>
	<a href="#" id="download" style="display: none; margin-top: 10px;" >İndir</a>
</body>
</html>

< Bu mesaj bu kişi tarafından değiştirildi Revolution -- 23 Ağustos 2018; 0:16:21 >

Bu mesajda bahsedilenler: @OktayYeni

O

OktayYeni

6 yıl

Çavuş

Konu Sahibi

data yerine link kullanma yolu yok değil mi?

Bu mesaja 1 cevap geldi.

R

Revolution

6 yıl

Yüzbaşı

quote:

Orijinalden alıntı: OktayYeni

data yerine link kullanma yolu yok değil mi?

datayı kısa linke çeviriyor zaten dataURI ile işin kalmıyor. İndir linkinin adresini chrome devtools'dan inceleyebilirsin. Tarayıcı önbelleğinde local bir adres oluşturuyor verdiğim URL.createObjectURL metodu. Şunu dene daha rahat görürsün:

<!DOCTYPE html> 
 <html lang="tr"> 
 <head> 
 	<meta charset="UTF-8"> 
 	<title>Document</title> 
 	<script> 
  
 		function dataURItoBlob(dataURI) { 
 		    // convert base64 to raw binary data held in a string 
 		    var byteString = atob(dataURI.split(',')[1]); 
  
 		    // separate out the mime component 
 		    var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]; 
  
 		    // write the bytes of the string to an ArrayBuffer 
 		    var arrayBuffer = new ArrayBuffer(byteString.length); 
 		    var _ia = new Uint8Array(arrayBuffer); 
 		    for (var i = 0; i < byteString.length; i++) { 
 		        _ia[i] = byteString.charCodeAt(i); 
 		    } 
  
 		    var dataView = new DataView(arrayBuffer); 
 		    var blob = new Blob([dataView], { type: mimeString }); 
 		    return blob; 
 		} 
  
 		function drawCanvas() { 
  
 	        var canvas    = document.createElement("canvas"); 
 	        canvas.width  = 512; 
 	        canvas.height = 512; 
  
         	var context = canvas.getContext("2d"); 
         	var val     = document.getElementById("txt").value; 
  
 			context.font      = "bold 32px Arial"; 
 			context.fillStyle = "#000000"; 
 			context.fillText(val, 220, 240); 
  
 			var dl           = document.getElementById("download"); 
 			dl.href          = URL.createObjectURL(dataURItoBlob(canvas.toDataURL())); // datayı kısa url haline getirdik 
 			dl.download      = val + ".png"; 
 			dl.target        = "_blank"; 
 			dl.style.display = 'inline-block'; 
  
 			return false; 
 		} 
 	</script> 
 </head> 
 <body> 
 	<form action="" onsubmit="return drawCanvas()"> 
 		<input type="text" id="txt" maxlength="5" placeholder="Buraya yazı gelecek"> 
 		<input type="submit" value="Oluştur"> 
 	</form> 
 	<a href="#" id="download" style="display: none; margin-top: 5px;" >İndir</a> 
 </body> 
 </html>

O

OktayYeni

6 yıl

Çavuş

Konu Sahibi

data ile pek aram yoktur

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAGRFJREFUeNrs171O1Fkcx2EQF8Y1ZCQERmJsLAwTQyGQwIr7EkNWq91EuZ8tTLbwBiy2ttCYLaCx2FYTtqGgIQSJlYWDJsY4M8zbf6/Bbb6ZnOdzAydn/uf8zjOTm5ub1USo4XA4UXKj0Si6fvr3r6qq6N8/XafTia7faDSKPv/p9bvdbnT9Xq8XXb9er0fXHwwG8RkwCQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMN4AWF9fj27+06dP0fVnZmai679//z66/pUrV6LrX7t2rWgAHB8fR9dfWFiIrj81NVU0ANrtdtHzd25uLrr+yckJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAWAKg2WzGANBsNqObv3nzZnT9t2/fRtefnZ2Nrr+yslL0A9xqtYpe/+zsLLr+2tpadP1+vx9d/927d9H1l5aWousfHR0V/fsDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8XwCsrKzEAFCr1Yp+AEajUXT94XAYXb+qqqJ//3SdTie6fqPRKPr8p9fvdrvR9Xu9XnT9er0eXf/Lly8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABjCYCN9fXYFD47OwOAYBcuXMgevsnJogdwGsDpB+DixYvOX/L3n5rK/gGYKLulq1cBAAAAAAAAwPkDAAAAAAAAAAAAAOcPAAAAAAAAAAAAAJw/AAAAAAAAAAAAAHD+AAAAAAAAAAAAAMD5AwAAAAAAAAAAAADnDwAAAAAAAAAAAACcPwAAAAAAAAAAAABw/gAAAAAAAAAAAAAAAAAAAAAAAAxgAAAAAAAAAAAAADCAAQAAAAAAAAAAAMAABgAAAAAAAAAAAAADGAAAAAAAAAAAAAAMYAAAAAAAAAAAAAAwgAEAAAAAAAAAAADAAAYAAAAAAAAAAAAAAxgAAAAAAAAAAAAAAAAAnD8AAAAAAAAAAAAAcP4AAAAAAAAAAAAAwPkDAAAAAAAAAAAAAOcPAAAAAAAAAAAAAJw/AAAAAAAAAAAAAHD+AAAAAAAAAAAAAMD5AwAAAAAAAAAAAADnDwAAAAAAAAAAAAAAAAAAAAAAwAAGAAAAAAAAAAAAAAMYAAAAAAAAAAAAAAxgAAAAAAAAAAAAADCAAQAAAAAAAAAAAMAABgAAAAAAGEsA/HrvXuw7tNvtogdQutL3n67d6RS9/+8vXYquPxgMouv3+v2iv/934flz+fLl7Pfv9QDAA2j/AAAAAAAAAAAAHkD7BwAAAAAAAAAA8ADaPwAAAAAAAAAAgAfQ/gEAAAAAAAAAADyA9g8AAAAAAAAAAOABtH8AAAAAAAAAAAAPoP0DAAAAAAAAAAB4AO0fAAAAAAAAAADAA2j/AAAAAAAAAAAAACAAAAAAAAAAAAAAEAAAAAAAAAAAAAAIAAAAAAAAAAAAAAQAAAAAAAAAAAAAAgAAAAAAAAAAAAABAAAAAAAAAAAAgAAAAAAAAAAAAABAAAAAAAAAAAAA9g8AAAAAAAAAAOABtH8AAAAAAAAAAAAPoP0DAAAAAAAAAAB4AO0fAAAAAAAAAADAA2j/AAAAAAAAAAAAHkD7BwAAAAAAAAAA8ADaPwAAAAAAAAAAgAfQ/gEAAAAAAAAAADyA9g8AAAAAAAAAAAAAAgAAAAAAAAAAAAABAAAAAAAAAAAAgAAAAAAAAAAAAABAAAAAAAAAAAAAACAAAAAAAAAA+Mb+ePzYK6BYHz588CMEW1xcdP4K/v1Lv39/PX0KAJIBBADOHwAAAABIBhAAOH8AAAAAIBlAAOD8AQAAAIBkAAGA8wcAAAAAkgEEAM4fAAAAAEgGEAA4fwAAAAAgGUAA4PwBAAAAgGQAAYDzBwAAAAASAAAAALh/AAAAMoAFAADg/gEAAMgAFgAAgPsHAAAgA1gAAADuHwAAgAxgAQAAuH8AAAAygAUAAOD+AQAAyAAWAACA+wcAACADWAAAAO4fAACADGABAAC4fwAAADKAAMD5AwAAAADJAAIA5w8AAAAAJAMIAJw/AAAAAJAMIABw/gAAAABAMoAAwPkDAAAAAMkAAgDnDwAAAAAkAwgAnD8AAAAAkAwgAHD+AAAAAEAygAAAANw/AAAAGcACAABw/wAAAGQACwAAwP0DAACQASwAAAD3DwAAQAawAAAA3D8AAAAZwAIAAHD/xhIAP29txQDw55Mn0c23Wq2iD+DHjx+9QpIU6O8XLwAAAABAkgAAAAAAACQJAAAAAABAkgAAAAAAACQJAAAAAABAkgAAAAAAACQJAAAAAABAkgAAAAAAACQJAAAAAABAkgAAAABAkgQAAAAAkiQAAAAAkCQBAAAAgCQJAAAAACRJAAAAACBJAgAAAABJEgAAAABIkgAAAABAkgAAAAAAACQJAAAAAABAkgAAAAAAACQJAAAAAABAkgAAAAAAACQJAAAAAABAkgAAAAAAACQJAAAAAABAkgAAAABAkgQAAAAAkiQAAAAAkCQBAAAAgCQJAAAAACRJAPCN/f7oUXTzN27cAADFmp+fL/r72/+8+x/s8+fP0fVfPn8OAABgAACAB9D+3X8AAAAAMAAAwANo/+4/AAAAABgAAOABtH/3HwAAAAAMAADwANq/+w8AAAAABgAAeADt3/0HAAAAAAMAADyA9u/+AwAAAIABAAAeQPt3/wEAAADAAAAAD6D9u/8AAAAAYAAAgAfQ/gEAAAAAAOQBsH/7BwAAAAAAkAfA/u0fAAAAAABAHgD7t38AAAAAAAB5AOzf/gEAAAAAAOQBsH/7BwAAAAAAkAfA/u0fAAAAAABAHgD7t38AAAAAAAB5AOzf/gEAAADAAAAAD6D9u/8AAAAAYAAAgAfQ/t1/AAAAADAAAMADaP/uPwAAAAAYAADgAbR/9x8AAAAADAAA8ADav/sPAAAAAAYAAHgA7d/9BwAAAAADAAA8gPbv/gMAAACAAQAAHkD7d/8BAAAAwAAAAA+g/QMAAAAAAMgDYP/2DwAAAAAAIA+A/ds/AAAAAACAPAD2b/8AAAAAAADyANi//QMAAAAAAMgDYP/2DwBjCYBf7t6NAeC3hw+jm6/X69H1l5eXi76AR0dHBrCKrfT732q1ouufnp5G1//n1SsAAAAAAAABAAAAAAAAAAAAgAAAAAAAAAAAAABAAAAAAAAAAAAAACAAAAAAAAAAAAAAEAAAAAAAAAAAAAAIAAAAAAAAAAAAAAQAAAAAAAAAAAAAAgAAAAAAAAAAAAC5/wAAAABgAAAAAMj9BwAAAAADAAAAQO4/AAAAABgAAAAAcv8BAAAAwAAAAACQ+w8AAAAABgAAAIDcfwAAAAAwAAAAAOT+AwAAAIABAAAAIPcfAAAAAAwAAAAAuf8AAAAAAAAAIAAAAAAAAAAAAAAQAAAAAAAAAAAAAAgAAAAAAAAAAAAABAAAAAAAAAAAAAACAAAAAAAAAAAAAAEAAAAAAAAAAACAAAAAAAAAAAAAAEAAAAAAAAAAAAAAIAAAAAAAAAMAAABA7j8AAAAAGAAAAABy/wEAAADAAAAAAJD7DwAAAAAGAAAAgNx/AAAAADAAAAAA5P4DwJgCYCsGgB9+/Cm6+Y2Njej6CwsLpmDBAygNAAACkJL/AJycnETX//fNGwAAAAEAAAgAAAAAAEAAAAACAAAAAAAQAACAAAAAAAAABAAAIAAAAAAAAAEAAAgAAAAAAEAAAAACAAAAAAAQAACAAAAAAAAABAAAIAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJhCAAAAAgAAAAAAEAAAgAAAAAAAAAQAACAAAAAAAAABAAAIAAAAAABAAAAAAgAAAAAAEAAAgAAAAAAAAAQAACAAAAAAAAABAAAIAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYwmArY2NGAC2HzyIbr7ZbEbXv379ugfYAyQPcJGdnp5G1z88PIyuv//6NQAAAAAAgAAAAAAAAAAAAABAAAAAAAAAAAAAACAAAAAAAAAAAAAAEAAAAAAAAAAAAAAIAAAAAAAAAAAAAAQAAAAAAAAAAAAAAgAAAAAAAAAAAAABAAAAAAAAAAAAgAAAAAAAAAAAACQAAAAAAAAAAAAJAAAAAAAAAABAAgAAAAAAAAAAkAAAAAAAAAAAACQAAAAAAAAAAAAJAAAAAAAAAABAAgAAAAAAAAAAkAAAAAAAAAAAAAQAAAAAAAAAAAAAAgAAAAAAAAAAAAABAAAAAAAAAAAAgAAAAAAAAAAAAABAAAAAAAAAAAAAACAAAAAAAAAAAAAAEAAAAAAAAAAAAAAIAAAAAAAAAAAAAAQAAAAAAAAAACABAAAAAAAAAABIAAAAAAAAAAAAEgAAAAAAAAAAgAQAAAAAAAAAACABAACMJQBu3boVA8DOzk5087dv3zaFgnW73ej6X79+Lfr3n56eLnr/s7Oz7l+wWq0WXf/g4CC6/rNnzwAAAAwgAAAAAAAAAAAAADCAAAAAAAAAAAAAAMAAAgAAAAAAAAAAAAADCAAAAAAAAAAAAAAMIAAAAAAAAAAAAAAwgAAAAAAAAAAAAADAAAIAAAAAAAAAAAAAAwgAAAAAAAAAAAAADCAAAAD3DwAAAAAEAAAAAO4fAAAAAAgAAAAA3D8AAAAAEAAAAAC4fwAAAAAgAAAAAHD/AAAAAEAAAAAA4P4BAAAAgAAAAADA/QMAAAAAAQAAAID7BwAAAAACAAAAAPcPAAAAAAwgAAAAAAAAAAAAADCAAAAAAAAAAAAAAMAAAgAAAAAAAAAAAAADCAAAAAAAAAAAAAAMIAAAAAAAAAAAAAAwgAAAAAAAAAAAAADAAAIAAAAAAAAAAAAAAwgAAAAAAAAAAAAADCAAAAAAAAAAAAABAAAAgPsHAAAAAAIAAAAA9w8AAAAABAAAAADuHwAAAAAIAAAAANw/AAAAABAAAAAAuH8AMJYAWF1djQFge3s7uvk7d+4UPQCqqppQrvPzcz9CsH6/D0AFA2R/fz+6/u7uLgAAAAAAgAAAAAAAAAAAAABAAAAAAAAAAAAAACAAAAAAAAAAAAAAEAAAAAAAAAAAAAAIAAAAAAAAAAAAAAQAAAAAAAAAAAAAAgAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAABAAAAAAAAAAAAAACAAAAAAAAAAAAAAEAAAAAAAAAAAAAAIAAAAAAAAAAAAAAQAAAAAAAAAAAAAAgAAAAAAAAAAAAABAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAQAAAAAAAAAAAAAAgAAAAAAAAAAAAABAAAAAAAAAAAAgAAAAAAAAAAAAABAAAAAAAAAAAAAACAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAQAAAAAAAAAAAAAAgAAAAAAAAAAAAABAAAAAAAAAAAAgAAAAAAAAMYSAJubm7FX4P79+9HN93o9U7DgAZCuVqv5/nL+Qk1PT0fX39vbAwAA8AAYwL6/nD8AAAAA8AAYwL6/nD8AAAAA8AAYwL6/nD8AAAAA8AAYwL6/nD8AAAAA8AAYwL6/nD8AAAAA8AAYwL6/nD8AAAAA8AAYwL6/nD8AAAAA8AAYwL6/nD8AAAAA8AAYwL6/8wcAAAAA8gAYwL6/8wcAAAAA8gAYwL6/8wcAAAAA8gAYwL6/8wcAAAAA8gAYwL6/8wcAAAAA8gAYwL6/8wcAAAAA8gAYwL6/8wcAAAAA8gAYwL6/8wcAAAAA8gAYwL6/8wcAAAAAHgAD2PeX8wcAAAAAHgAD2PeX8wcAAAAAHgAD2PeX8wcAAAAAHgAD2PeX8wcAAAAAHgAD2PeX8wcAAAAAHgAD2PeX8wcAAAAAHgAD2PeX8wcAAAAAHgAD2PeX8wcAAAAAHgAD2PcHAAAAAACQB8AA9v2dPwAAAACQB8AA9v2dPwAAAACQB8AA9v2dPwAAAACQB8AA9v2dPwAAAACQB8AA9v2dPwAAgG9sOBwWfQBHo1F0/fTvX1VV0b9/uk6nE12/0WgUff7T66cBlv4DVq/Xo+sPBgMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICxAMB/AwAU/0zoR+398gAAAABJRU5ErkJggg==

yaptım çalışmadı

Bu mesaja 1 cevap geldi.

R

Revolution

6 yıl

Yüzbaşı

Yazığın datayı dl.href = kısmına aktarırken tırnak kullandın mı? Çünkü bu haliyle string bir ifade olduğu için tırnak içinde kullanmazsan javascript syntax hatası verecektir. Console'dan görebilirsin hatayı.

Bu mesajda bahsedilenler: @OktayYeni

O

OktayYeni

6 yıl

Çavuş

Konu Sahibi

evet

dl.href = URL.createObjectURL(dataURItoBlob(canvas.toDataURL("data:image/png;base64,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
")));

yaptım olmadı

Bu mesaja 1 cevap geldi.

R

Revolution

6 yıl

Yüzbaşı

Onu kastetmedim. O şekilde zaten çalışmaz. toDataURL metodunun amacı zaten canvas çizimini png veya jpeg dataURI'ye çevirmektir.

Şu şekilde dene:
dl.href = URL.createObjectURL(dataURItoBlob("data:image/png;base64,iVBO...")); // Bu sekilde koyduğun dataURI kısa linke dönüştürülüyor

veya direkt:
dl.href = "data:image/png;base64,iVBO...";

Edit: ayrıca niye harici bir data yerleştirmeye çalışıyorsun ki orayı anlamadım. Yapmak istediğin yazdığını resme çevirmek değil mi?

Ayrıca ilk verdiğim dataURItoBlob fonksiyonunu github'dan bulmuştum fakat IE'de çalışmıyor. Onun yerine şunu kullanabilirsin:https://stackoverflow.com/questions/12168909/blob-from-dataurl


function dataURItoBlob(dataURI) {
  // convert base64 to raw binary data held in a string
  // doesn't handle URLEncoded DataURIs - see SO answer #6850276 for code that does this
  var byteString = atob(dataURI.split(',')[1]);

  // separate out the mime component
  var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]

  // write the bytes of the string to an ArrayBuffer
  var ab = new ArrayBuffer(byteString.length);

  // create a view into the buffer
  var ia = new Uint8Array(ab);

  // set the bytes of the buffer to the correct values
  for (var i = 0; i < byteString.length; i++) {
      ia[i] = byteString.charCodeAt(i);
  }

  // write the ArrayBuffer to a blob, and you're done
  var blob = new Blob([ab], {type: mimeString});
  return blob;

}

< Bu mesaj bu kişi tarafından değiştirildi Revolution -- 23 Ağustos 2018; 1:19:44 >

Bu mesajda bahsedilenler: @OktayYeni

O

OktayYeni

6 yıl

Çavuş

Konu Sahibi

ben hiç bilmiyorum galiba

dl.href = "data:image/png;base64,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
";

Bu mesaja 1 cevap geldi.

O

OktayYeni

6 yıl

Çavuş

Konu Sahibi

aslında yapmak istediğin arkaplana foto eklemek

O

OktayYeni

6 yıl

Çavuş

Konu Sahibi

hiç bilgimin olmadı yerlere neden girişiyorum bilmiyorum

R

Revolution

6 yıl

Yüzbaşı

Sondaki \n karakterini kaldır(enter'i yani). String düz yazılmalı tırnağın içine:

dl.href = "data:image/png;base64,iVBORw..."; // doğrusu

dl.href = "data:image/png;base64,iVBORw...
"; // sona böyle enter atarsan yine syntax hatası verir.

Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @OktayYeni

O

OktayYeni

6 yıl

Çavuş

Konu Sahibi

teşekkürler

< Bu mesaj bu kişi tarafından değiştirildi OktayYeni -- 23 Ağustos 2018; 1:38:22 >

O

OktayYeni

6 yıl

Çavuş

Konu Sahibi

bu sefer yazı gözükmedi

< Bu mesaj bu kişi tarafından değiştirildi OktayYeni -- 23 Ağustos 2018; 1:37:59 >
Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @Revolution

R

Revolution

6 yıl

Yüzbaşı

O şekilde yazı zaten gider. Sadece sabit bir dataURI'yi image olarak çıktılamayı göstermek istedim. Ne istediğini baştan düzgün anlatsan uğraşmamıza gerek kalmazdı. Yazıya arkaplan da eklemek istiyorsun. Aynı canvas'a 2 kere çizim yaptırman gerekiyor. Önce arkaplan olacak resmi sonra da yazıyı. Al doküman:

Image:
https://www.w3schools.com/tags/canvas_drawimage.asp
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage

Text:
https://www.w3schools.com/tags/canvas_filltext.asp
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillText

HTML'yi tam bilmiyorsan istediğini zaten yapamazsın. Tavsiyem önce canvas nesnesi nedir ve çizim nasıl yapılıyor onu araştır.

Bu mesajda bahsedilenler: @OktayYeni