NOVINKA: Začni v IT jako webmaster s komplexním akreditovaným online kurzem Tvůrce WWW stránek. Zjisti více:
NOVINKA: Staň se datovým analytikem od 0 Kč a získej jistotu práce, lepší plat a nové kariérní možnosti. 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
Nejnovější komentáře jsou na konci poslední stránky.
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 :)

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

Avatar
Honzak0
Člen
Avatar
Honzak0:29.12.2022 14:47

drawImage???

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

Dík.

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ěď.

Avatar
Kateřina Volfová
Člen
Avatar
Kateřina Volfová :22.5.2023 14:58

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

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.

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.

Avatar
Natálie Růžičková
Tvůrce
Avatar
Odpovídá na Pavel Kupčík
Natálie Růžičková:4.10.2023 0:47

Ahoj Terezo, díky, že jsi pro další zde vložila svou práci jako pomoc. Lekci právě aktualizujeme a zlepšíme. Je konkrétně něco dalšího, co by podle tebe bylo nutné lépe či jinak vysvětlit? Díky za postřehy!

Nejnovější komentáře jsou na konci poslední stránky.
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 54.