NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze – Lekce 28 - Transformace kontextu plátna 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
Jakub Tioka
Člen
Avatar
Jakub Tioka:7.3.2022 18:11

neuplné vysvětlení co a proč je použito, celé mi to příjde psané pro pokročilejší studenty než uplné začátečníky

 
Odpovědět
+8
7.3.2022 18:11
Avatar
Ondřej Hlozan
Člen
Avatar
Ondřej Hlozan:21.4.2022 9:27

Super článek. Vede k tomu, abych se to opravdu dobře naučil. Musím tolik googlit a zkoušet, že to leze do hlavy i kdybych nechtěl.
Jako mírnou nevýhodu považuji, že učení zabere tolik času, až nevím, jak stihnu plnohodnotně dokončit celý kurz v rámci rekvalifikace.

 
Odpovědět
+6
21.4.2022 9:27
Avatar
Jaroslav Drobek
Člen
Avatar
Jaroslav Drobek:4.5.2022 20:36

Hodnocení:

  • Posun kontextu: jaká náhoda - přestože jsme rozměry obrázku nikde nenastavili, vychází krásně v obou směrech vystředěný na zvolené plátno! Náhody tohoto typu nesnáším!
  • Zvětšení/zmenšení: chybí kód příkladu. Kdo si ho vytvoří, zjistí, kde je třeba jej zařadit, aby zajistil to, co očekává, a taky zjistí, že jako parametry se nezadávají násobky skutečných hodnot, ale koeficienty (kterými když se vynásobí skutečné hodnoty, vzniknou násobky skutečných hodnot).
 
Odpovědět
+3
4.5.2022 20:36
Avatar
Jaroslav Drobek
Člen
Avatar
Jaroslav Drobek:4.5.2022 20:37

Hodnocení (pokračování):

  • Rotace: doporučuji autorovi prostudovat si rozdíl mezi kosočtvercem a otočeným čtvercem; podobně s kosodélníkem :o
  • Rotace je určena např. dvojicí bod-orientovaný úhel. Vypozoroval jsem, že se defaultně rotuje kolem aktuálního nulového bodu a orientaci úhlu lze nastavit pomocí znaménka v parametru metody rotate. To vše v textu chybí.
  • Lineární přechod: místo metody addStopColor je v příkladu použita metoda addColorStop.
  • Jaké jsou další možné hodnoty druhého parametru metody createPattern ?
  • Obrázková data: místo "velikost" raději "rozměry" (výřezu).
  • "...vyzkoušet cvičení, která má tento kurz..."
 
Odpovědět
4.5.2022 20:37
Avatar
Lubor Pešek
Člen
Avatar
Lubor Pešek:18.6.2022 21:02

Jako výčet dobře, ale spousta informací a ještě ve starém stylu - zkuste si to a budeme vždy kreslit nový a nový obrázek. Už po čtvrtém obrázku jsem nevěděl, co dělala první transformace.
Lepší řešení - zanořit tohle všechno do aplikace s tlačítky, kde budeme tvar upravovat.

Toto jsem si udělal, abych to nějak lépe vstřebal.

Odpovědět
18.6.2022 21:02
Existují dva způsoby, jak vyřešit problém. Za prvé vyhoďte počítač z okna. Za druhé vyhoďte okna z počítače.
Avatar
Blanka Svobodová
Člen
Avatar
Blanka Svobodová:18.7.2022 22:55

půlka mi nefungovala nebo vlastně nechápu, na co je to canvas celé užitečné...potažmo proč bych ho chtěla ke všemu mazat kódem...

Odpovědět
+13
18.7.2022 22:55
Kdy, když né teď. Kdo, když né já?
Avatar
Radek Lysák
Člen
Avatar
Radek Lysák:3.8.2022 17:19

Vše je velmi málo vysvětlené a musím neustále vyhledávat na google. Ne, že by to bylo na škodu, ale mohlo by to být tady na jednom místě.

 
Odpovědět
+6
3.8.2022 17:19
Avatar
Michal Viliš
Člen
Avatar
Michal Viliš:16.12.2022 12:10

Příklad z "obrázková data nefunguje na google ani firefox

Odpovědět
16.12.2022 12:10
Never give up!
Avatar
Jiří Ress
Člen
Avatar
Jiří Ress:20.12.2022 22:51

Autor nevysvětlit nutnost načtení obrázku... velká část funkcí je opravdu nefunkčních nebo neúplných.

 
Odpovědět
+5
20.12.2022 22:51
Avatar
Miluše Gaigerová
Člen
Avatar
Miluše Gaigerová:10.3.2023 10:42 
kontext.drawImage(img, 0, 0);
let dataObrazku = kontext.getImageData(0, 0, platno.width, platno.height);
Zdroj: https://www.itnetwork.cz/javascript/zaklady/js-canvasrenderingcontext2d
za kontext.drawImage(má být "obrazek", 0, 0)
Vzory z látky by měly být 1:1, abychom stále nehledali chyby a nezdržovali se tím. Sice se tím naučíme, ale pokud máte jen 3měsíce na naučení se, tak to není produktivní.
Navíc se ve staženém souboru(ukázkového kódu nachází i deklarování proměnné  VAR)
Odpovědět
10.3.2023 10:42
nic není nemožné
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 47.