| | |
| Stránka: 1 z 1
| [ Príspevok: 1 ] | |
Autor | Správa |
---|
Registrovaný: 09.01.08 Prihlásený: 27.03.18 Príspevky: 6 Témy: 3 | Napísal Vr3c0: 27.03.2018 10:06 | |
|
Ahojte potreboval by som pomocť. Mám kód všetko funguje jak má ale pri uložení do png mi neuloží obrazky, ktoré su v <canvas>e. Dočítal som sa, že problém je, že najskor ukladám do PNG a potom sa až načítavajú obrázky. Kód som zosmolil cez internet a neviem kde to mam zmeniť aby to tie obrázky ukladalo do PNG. Tu je kód index.phpKód: <canvas id="myCanvas" width="500" height="400"></canvas> <img id="canvasImg"/>
<script> var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); function loadImages(sources, callback){ var images = {}; var loadedImages = 0; var numImages = 0; for(var src in sources){ numImages++; } for(var src in sources){ images[src] = new Image(); images[src].onload = function(){ if(++loadedImages >= numImages){ callback(images); } }; images[src].src = sources[src]; } } var sources = { arnold : "arnold.jpg", silvester : "silvester.jpg" }; loadImages(sources, function(images){ context.drawImage(images.arnold, 20, 20); context.drawImage(images.silvester, 280, 20); }); context.font = "15pt Calibri"; context.fillText("Arnold Schwarzenegger", 30, 300); context.font = "15pt Calibri"; context.fillText("Silvester Stalonne", 310, 300); var dataURL = canvas.toDataURL(); document.getElementById('canvasImg').src = dataURL; $.ajax({ type: "POST", url: "test.php", data: { imgBase64: dataURL } }).done(function(response) { console.log('saved: ' + response); });
</script>
PHP test.phpKód: define('UPLOAD_DIR', 'images/'); $img = $_POST['imgBase64']; $img = str_replace('data:image/png;base64,', '', $img); $img = str_replace(' ', '+', $img); $data = base64_decode($img); $file = UPLOAD_DIR . uniqid() . '.png'; $success = file_put_contents($file, $data); //send request to ocr print $success ? $file : 'Unable to save the file.';
|
|
| Stránka: 1 z 1
| [ Príspevok: 1 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| png a obrazky na webe v Webdesign | 8 | 1646 | 26.03.2009 0:37 regent | | Problém so zvacsenim PNG súboru v Grafické programy | 3 | 450 | 12.03.2011 21:28 Memorex88 | | generátor suboru sitemap.xml pre obrazky v Internetový marketing, SEO, reklama | 3 | 510 | 09.11.2013 11:22 capricorn7 | | Obrázky boli úspešne odoslané! - ale obrázky nikde !!! v PHP, ASP | 5 | 764 | 13.05.2008 15:22 Tominator | | HTML5 - canvas v JavaScript, VBScript, Ajax | 2 | 455 | 22.02.2018 10:25 weroro | | Vykreslovanie do Canvas v Assembler, C, C++, Pascal, Java | 4 | 287 | 13.04.2013 12:14 XOLOO | | Canvas do JScrollPane - JAVA v Assembler, C, C++, Pascal, Java | 1 | 290 | 13.03.2015 0:20 Leo325 | | Javascript, canvas, menu - help v JavaScript, VBScript, Ajax | 0 | 330 | 17.05.2014 20:38 TieSTiK | | png obrazok ... v PHP, ASP | 4 | 619 | 17.06.2009 23:30 jaji | | png fix v HTML, XHTML, XML, CSS | 17 | 1168 | 09.02.2009 15:43 tomco3131 | | GD - Priehľadnosť PNG v PHP, ASP | 3 | 567 | 09.01.2009 17:07 Tominator | | PNG do vektoru v Grafické programy | 8 | 731 | 21.11.2015 12:50 Semp | | IE6 .png fix v HTML, XHTML, XML, CSS | 2 | 781 | 27.12.2009 23:32 luster | | Vlajky (png, gif) v Ostatné | 5 | 930 | 02.05.2011 20:10 exoomer | | png na ico v Grafické programy | 8 | 2410 | 06.03.2008 17:04 qacer | | .doc na .jpg/.png v Ostatné programy | 9 | 3495 | 23.05.2009 21:31 Horalka |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|