Articles of data url

html5 canvas toDataURL возвращает пустое изображение

Начиная с чистого холста: <canvas id='myCanvas' width='800' height='600'></canvas> Затем инициализируем этот холст: function init_canvas(){ var canvas = document.getElementById('myCanvas'); context = canvas.getContext('2d'); context.lineCap = 'round'; // fill it with white background context.save(); context.fillStyle = '#fff'; context.fillRect(0, 0, context.canvas.width, context.canvas.height); context.restore(); return; } Затем сделайте кучу рисования на холсте. Затем попробуйте сохранить его на сервере с помощью […]

dataurl to image для скачивания в php

Я создаю изображение с использованием холста и используя следующий скрипт, function getImage() { var canvas1 = document.getElementById("images"); if (canvas1.getContext) { var ctx = canvas1.getContext("2d"); var myImage = canvas1.toDataURL("image/jpg"); } $('<form action="download.php" method="POST">' + '<input type="hidden" name="aid" value="' + myImage + '">' + '</form>').submit(); } И в моем файле Download.php, <?php $img = $_POST['aid']; echo "<img […]

Потоковая передача PDF в iframe с использованием dataurl – работает только в Chrome

В Chrome работает следующее, но содержимое iframe пустое в Firefox 15 и IE 9. <html> <head></head> <body> <p>this n that</p> <iframe type="application/pdf" width="95%" height="95%" src="data:application/pdf;base64,<?php echo base64_encode(file_get_contents('memlist.pdf'));?>"> Oops, you have no support for iframes. </iframe> <p>this n that</p> </body> </html> Проблема, по-видимому, связана с dataurl. Если я изменю его просто на src = "memlist.pdf", то […]