Mikuláš je tu! Získaj 90 % extra kreditov ZADARMO s promo kódom CERTIK90 pri nákupe od 1 199 kreditov. Len do nedele 7. 12. 2025! Zisti viac:
NOVINKA: Najžiadanejšie rekvalifikačné kurzy teraz s 50% zľavou + kurz AI ZADARMO. Nečakaj, táto ponuka dlho nevydrží! Zisti viac:

Diskusia – 26. 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
Posledné komentáre sú na spodnej časti poslednej 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>
Editované
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
Odpovedá na Pavel Kupčík
Honzak0:29.12.2022 14:51

Dík.

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

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

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
Odpovedá 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!

Posledné komentáre sú na spodnej časti poslednej stránky.
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.