NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze – Lekce 26 - Obrázky a kreslení na canvas v JavaScriptu

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
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 :)

 
Odpovědět
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>
Editováno 29.11.2022 20:03
 
Odpovědět
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

 
Odpovědět
20.12.2022 10:59
Avatar
Honzak0
Člen
Avatar
Honzak0:29.12.2022 14:47

drawImage???

 
Odpovědět
29.12.2022 14:47
Avatar
Honzak0
Člen
Avatar
Odpovídá na Pavel Kupčík
Honzak0:29.12.2022 14:51

Dík.

 
Odpovědět
29.12.2022 14:51
Avatar
Miriam Balázsová
Člen
Avatar
Odpovídá 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ěď.

 
Odpovědět
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

 
Odpovědět
22.5.2023 14:58
Avatar
Jiří Hoffmann
Člen
Avatar
Odpovídá 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.

 
Odpovědět
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.

 
Odpovědět
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.

 
Odpovědět
14.9.2023 14:43
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 55.