[ Príspevok: 1 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.01.08
Prihlásený: 27.03.18
Príspevky: 6
Témy: 3 | 3
NapísalOffline : 27.03.2018 10:06 | canvas neukalda obrazky do PNG suboru

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.php

Kó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.php

Kó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.';


 [ Príspevok: 1 ] 


canvas neukalda obrazky do PNG suboru



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

png a obrazky na webe

v Webdesign

8

1672

26.03.2009 0:37

regent

V tomto fóre nie sú ďalšie neprečítané témy.

Problém so zvacsenim PNG súboru

v Grafické programy

3

474

12.03.2011 21:28

Memorex88

V tomto fóre nie sú ďalšie neprečítané témy.

generátor suboru sitemap.xml pre obrazky

v Internetový marketing, SEO, reklama

3

549

09.11.2013 11:22

capricorn7

V tomto fóre nie sú ďalšie neprečítané témy.

Obrázky boli úspešne odoslané! - ale obrázky nikde !!!

v PHP, ASP

5

812

13.05.2008 15:22

Tominator

V tomto fóre nie sú ďalšie neprečítané témy.

HTML5 - canvas

v JavaScript, VBScript, Ajax

2

492

22.02.2018 10:25

weroro

V tomto fóre nie sú ďalšie neprečítané témy.

Vykreslovanie do Canvas

v Assembler, C, C++, Pascal, Java

4

320

13.04.2013 12:14

XOLOO

V tomto fóre nie sú ďalšie neprečítané témy.

Canvas do JScrollPane - JAVA

v Assembler, C, C++, Pascal, Java

1

322

13.03.2015 0:20

Leo325

V tomto fóre nie sú ďalšie neprečítané témy.

Javascript, canvas, menu - help

v JavaScript, VBScript, Ajax

0

363

17.05.2014 20:38

TieSTiK

V tomto fóre nie sú ďalšie neprečítané témy.

png fix

v HTML, XHTML, XML, CSS

17

1216

09.02.2009 15:43

tomco3131

V tomto fóre nie sú ďalšie neprečítané témy.

png obrazok ...

v PHP, ASP

4

660

17.06.2009 23:30

jaji

V tomto fóre nie sú ďalšie neprečítané témy.

GD - Priehľadnosť PNG

v PHP, ASP

3

605

09.01.2009 17:07

Tominator

V tomto fóre nie sú ďalšie neprečítané témy.

PNG do vektoru

v Grafické programy

8

779

21.11.2015 12:50

Semp

V tomto fóre nie sú ďalšie neprečítané témy.

IE6 .png fix

v HTML, XHTML, XML, CSS

2

821

27.12.2009 23:32

luster

V tomto fóre nie sú ďalšie neprečítané témy.

Vlajky (png, gif)

v Ostatné

5

973

02.05.2011 20:10

exoomer

V tomto fóre nie sú ďalšie neprečítané témy.

png na ico

v Grafické programy

8

2451

06.03.2008 17:04

qacer

V tomto fóre nie sú ďalšie neprečítané témy.

PNG fix for IE6

v HTML, XHTML, XML, CSS

6

1080

04.02.2011 13:01

1daemon1



© 2005 - 2024 PCforum, edited by JanoF