Veľkonočná akcia je tu a s ňou aj extra kredity ZADARMO na náš interaktívny e-learning. Dobij si teraz kredity a posuň sa vo svojej kariére vpred!
Zarábaj až 6 000 € mesačne! Akreditované rekvalifikačné kurzy od 0 €. Viac informácií.

Diskusia – 25. diel - Obrázky a kreslenie na canvas v JavaScripte

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Avatar
Pavel Kupčík
Člen
Avatar
Pavel Kupčík:29.11.2022 16:10

Jednotlivé lekce JS by se daly charakterizovat takto: tragédie střídá katastrofu :)

 
Odpovedať
+9
29.11.2022 16:10
Avatar
Pavel Kupčík
Člen
Avatar
Pavel Kupčík:29.11.2022 20:00

Pro ty, kterým, jako mně, chybí zdrojový kód ke vložení obrázku, přikládám, jak to lze vyřešit. Obrázek si stáhněte sami a ponastavujte velikost podle potřeby. Mrzí mě, že student musí zastupovat učitele...o)

<!DOCTYPE html>
<html lang="cs-cz">
<head>
    <meta charset="utf-8"/>
    <title>Tabulka</title>
</head>
<body>
    <script>
        let obrazek = document.createElement("img");
        obrazek.src = "girl.jpg";
        obrazek.alt = "Oblicej zeny"
        obrazek.id = "oblicej";

        let platno = document.createElement("canvas");
        platno.width = 1920 / 2;
        platno.height = 1200 / 2;
        platno.id = "platno";
        document.body.appendChild(platno);
        kontext = platno.getContext("2d");

        loadImage();

        function loadImage() {
            obrazek.onload = function () {
                kontext.scale(0.5, 0.5);
                kontext.drawImage(obrazek, 0, 0);

            }
        }



    </script>

</body>
</html>
Editované 29.11.2022 20:03
 
Odpovedať
+15
29.11.2022 20:00
Avatar
Jiří Ress
Člen
Avatar
Jiří Ress:20.12.2022 10:59

Proč u drawImage() není příkad? tohle už autor neumí ? Ono totiž tady je docela důležité zmínit, že obrázek již musí být načtený. Jinak ok

 
Odpovedať
20.12.2022 10:59
Avatar
Honzak0
Člen
Avatar
Honzak0:29.12.2022 14:47

drawImage???

 
Odpovedať
29.12.2022 14:47
Avatar
Honzak0
Člen
Avatar
Odpovedá na Pavel Kupčík
Honzak0:29.12.2022 14:51

Dík.

 
Odpovedať
29.12.2022 14:51
Avatar
Miriam Balázsová
Člen
Avatar
Odpovedá na Markéta Vokáčová
Miriam Balázsová:8.3.2023 20:31

Ahoj zajímalo by mě jak jsi dopadla? Taky jsi teď dělám rekv.kurz a trošku mě děsí realita po něm. V tyhle sekci je vypsáno hodně negativ. Děkuju za odpověď.

 
Odpovedať
8.3.2023 20:31
Avatar
Kateřina Volfová
Člen
Avatar
Kateřina Volfová :22.5.2023 14:58

Externí obrázky:
postup byl vysvětlen studentkou v diskusi

 
Odpovedať
+3
22.5.2023 14:58
Avatar
Jiří Hoffmann
Člen
Avatar
Odpovedá na Dominik Bican
Jiří Hoffmann:19.6.2023 13:57

Tak to je bída, když tu problematiku lépe popíší studenti v komentářích, než autor článku.

 
Odpovedať
+4
19.6.2023 13:57
Avatar
Jiří Hoffmann
Člen
Avatar
Jiří Hoffmann:19.6.2023 14:14

Pro funkční kód jsem musel do komentářů. Ještě že tam ti ostatní studenti jsou a věci, které autor vynechal, doplnili.

 
Odpovedať
+3
19.6.2023 14:14
Avatar
Daniel Zábojník
Tvůrce
Avatar
Daniel Zábojník:14.9.2023 14:43

Děkujeme za podněty. Na aktualizace kurzu pracujeme.

 
Odpovedať
14.9.2023 14:43
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 54.