Služba	Poskytovatel	Účel	Cookies a úložiště	Doba uložení
ITnetwork	ITnetwork	Provoz webu, relace, přihlášení a uložení nastavení cookies.	PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent	Relace až 1 rok
Google Tag Manager	Google	Správa značek a načítání měřicích nástrojů webu.	Žádné	Neukládá se
Google Fonts	Google	Načítání typografie webu.	Úložiště řízené poskytovatelem	Dle podmínek poskytovatele
Google Hosted Libraries	Google	Načítání potřebných knihoven a stylů webu.	Úložiště řízené poskytovatelem	Dle podmínek poskytovatele
Google reCAPTCHA	Google	Ochrana formulářů a webu před zneužitím.	_GRECAPTCHA, rc::a, rc::b, rc::c, rc::f	Relace až 180 dní
YouTube	Google	Přehrávání vloženého video obsahu.	localStorage, IndexedDB; cookies after playback interaction	Relace až trvalé úložiště
Vimeo	Vimeo	Přehrávání vloženého video obsahu.	__cf_bm, _cfuvid, vuid, localStorage, IndexedDB	Relace až 2 roky
Facebook Login	Meta	Přihlášení pomocí účtu třetí strany.	Úložiště řízené poskytovatelem	Relace až 1 rok
GoPay	GoPay	Zpracování uživatelem vyžádané platby.	Úložiště řízené poskytovatelem	Dle podmínek poskytovatele

Služba	Poskytovatel	Účel	Cookies a úložiště	Doba uložení
Google Analytics 4	Google	Měření návštěvnosti a používání webu.	_ga, _ga_*	Až 2 roky
Microsoft Clarity	Microsoft	Měření návštěvnosti a používání webu.	_clck, _clsk, _cltk	Relace až 1 rok

Služba	Poskytovatel	Účel	Cookies a úložiště	Doba uložení
Google Ads	Google	Měření kampaní, reklama a remarketing.	_gcl_au, _gcl_ls	Relace až 90 dní
Meta Pixel	Meta	Měření kampaní, reklama a remarketing.	_fbp, _fbc, localStorage	Až 90 dní
Sklik	Seznam.cz	Měření kampaní, reklama a remarketing.	retargeting, sid, szn:*	Relace až trvalé úložiště
LinkedIn Insight	LinkedIn	Měření kampaní, reklama a remarketing.	bcookie, li_gc, lidc, __cf_bm	Relace až 1 rok
Ecomail	Ecomail.cz	Měření kampaní, reklama a remarketing.	ecmid, Úložiště řízené poskytovatelem	Dle podmínek poskytovatele
Atribuce kampaní ITnetwork	ITnetwork	Přiřazení návštěvy a objednávky ke kampani.	campaign_clid[*], user_session_context	Až 1 rok

Diskuze: canvas, změna obrázku.

Naučíme tě pracovat na home-office.

Zjistit více...

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

pokusnicek

Člen

pokusnicek:13.4.2017 10:18

Zdravím Vás,

mám prosbu, chci se zeptat jak změnit na závislosti na stisknutí barvy(odkazu) v canvasu obrázek. Pro lepší pochopení přidávám obrázek a kod.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
        <title>Pokus</title>
        <link rel="stylesheet" type="text/css" href="css/index.css">
        <link href="https://fonts.googleapis.com/css?family=Sansita" rel="stylesheet">
        <script type="text/javascript">
          var obrazek = new Image();
          obrazek.src = "orange.png";



           function draw(){
                var ctx = document.getElementById('platno').getContext('2d');
                ctx.drawImage(obrazek,40,35);
          }
         window.onload = draw;

        </script>
</head>
<body>
      <header>

      </header>
    <section class="wrapper">

            <section>
                   <canvas height="450px" width="450px" id="platno">

                 <canvas>
            </section>
       <!-- VÝBĚR BAREV -->
      <ul class="barvy">
        <li><a href="#" title="Červená barva" class="red"></a></li>
        <li><a href="#" title="Oranžová barva" class="orange" onload="zmenobrazek()"></a></li>
        <li><a href="#" title="Žlutá barva" class="yellow"></a></li>
        <li><a href="#" title="Modrá barva" class="blue"></a></li>
        <li><a href="#" title="Fialová barva" class="purple"></a></li>
        <li><a href="#" title="Zelená barva" class="green"></a></li>
        <li><a href="#" title="Černá barva" class="black"></a></li>
        <li><a href="#" title="Bíla barva" class="white"></a></li>
      </ul>

      <!-- VÝBĚR MOTIVU -->
      <section class="motiv">
      <input type="file">
      </section>


    </section>
</body>
</html>

Odpovědět

13.4.2017 10:18

Petr Šťastný

Tvůrce

Petr Šťastný:13.4.2017 11:14

Já to dělám tak, že mám více obrázků

<img src='img1.png' id='obr1'>
<img src='img2.png' id='obr2'>
<img src='img3.png' id='obr3'>

Do onclick odkazu hodíš vymazání canvasu a vykreslení správného obrázku

ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.drawImage(document.getElementById('obr3'), 40, 35);

Akceptované řešení
+20 Zkušeností
+2,50 Kč

Nahoru Odpovědět

13.4.2017 11:14

pokusnicek

Člen

pokusnicek:13.4.2017 11:24

Takže do canvasu vložím na pevno všechny obrázky co chci. Potom do každého odkazu vložím funkce, kde se budou jak si podotkl měnit obrázky?

Nahoru Odpovědět

13.4.2017 11:24

Petr Šťastný

Tvůrce

Petr Šťastný:13.4.2017 11:34

Asi ano... Taky mě napadá, že bys nastavil část canvasu na danou barvu a bíle bys udělal tu část, kde to tričko není, zbytek by byl průhledný, takhle bys pořeboval jenom 1 obrázek. Ale možná bude jednoduší to udělat přes několik obrázků. Navíc by to nevypadalo hezky.

Editováno

Nahoru Odpovědět

13.4.2017 11:34

pokusnicek

Člen

pokusnicek:13.4.2017 11:39

A nebo jestli to správně chápu, tak vytvořit tolik funkci kolik tam mám barev. A vždy aplikovat vyčištění canvasu a nasledné nahrání obrázku jak si ukazal ten kod?

Nahoru Odpovědět

13.4.2017 11:39

Petr Šťastný

Tvůrce

Petr Šťastný:13.4.2017 11:44

Ano, správně

Nahoru Odpovědět

13.4.2017 11:44

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 6 zpráv z 6.

Nejčastěji vyhledáváné

Diskuze: canvas, změna obrázku.