10 komentářů k článku Tvoříme slider obrázků pomocí HTML5 canvasu – animace pohybu, zoom a nelineární animace:

    1. Michal TanečekAutor příspěvku

      Re: Ipad
      Podle dokumentace by mělo Safari umět vše, co je v sc, je tam k dispozici nějaké chybové hlášení?

      1. Salko

        Re: Ipad
        Chybová hláška nie ja žiadna, zobrazi sa obdĺžnik s červeným rámom (ako na desktope), ale bez obsahu, teda bez obrázku. Po chvílke vypíše počet krokov animácie 355, čas anim: 3sec, proste ako na klasickom desktope (FF), ale obrázok nevidím žiaden. To isté robí aj iPhone IOS 7.0.5, Safari. A práve som skúsil aj Chrome pre IOS, výsledok ten istý.
        Tvári sa to, že to niečo robilo, ale samotný obrázok nie je vidno.

      2. Martin Hassman

        Re: Ipad

        Kolega to zkusil na iPhonu a taky mu to tam neběží. Michale, zkus připravit verzi, která bude podrobněji logovat, co se dějě, ať to rozlouskneme. Doporučuji hlavně zkontrolovat, zda proběhne načtení obrázku (to by mohlo na mobilu trvat logicky déle, ale kolegovi se stránka spustila hned, jakoby se na načtení obrázku nečekalo), tj. this.img.onload = this._beforeAnim.bind(this,null); a následně co se vlastně děje okolo drawImage (zda se to vůbec volá, případně co to vykresluje, zda to není jen bílý prázdný pixel).

        1. Michal TanečekAutor příspěvku

          Re: Ipad
          Uvidíme, přidám nějakou testovací ukázku do příštího dílu. vypadá to ale, že Safari vadí nastavení src před definováním event listeneru.

    1. Michal TanečekAutor příspěvku

      Re: FF 27
      Zkusil jsem to teď na buildu 27.0.1 a vše je v pořádku. Otázkou také je, co znamená příšerná, z toho nevyvodím, co se může dít.

      1. zbyso

        Re: FF 27
        Ted jsem to znovu zkusil v 27.0.1 a cela animace neprobiha plynule, ale tese se obraz nahoru dolu o nekolik pixelu, navic obrazek behem animace nedrzi v tom ohraniceni. Bliz uz ti to asi popsat nedokazu ;)

  1. Jiří Prokop

    JavaScript Kinetic Scrolling
    Tento článek mi připomněl výbornou sérii článků o kinetickém skrolování v javascriptu:

    http://ariya.ofilabs.com/2013/08/javascript-kinetic-scrolling-part-1.html
    http://ariya.ofilabs.com/2013/11/javascript-kinetic-scrolling-part-2.html
    http://ariya.ofilabs.com/2013/12/javascript-kinetic-scrolling-part-3.html
    http://ariya.ofilabs.com/2013/12/javascript-kinetic-scrolling-part-4.html
    http://ariya.ofilabs.com/2014/01/javascript-kinetic-scrolling-part-5-cover-flow-effect.html

  2. Leoš Ondra

    CSS Animace
    Technologie dozrála natolik, že nepotřebujete nejen knihovny a frameworky, ale prakticky ani JavaScript, ani vanilla ani jiný, dnes máme CSS Animations, případně (na jednodušší věci) Transitions.

Napsat komentář

Tato diskuse je již příliš stará, pravděpodobně již vám nikdo neodpoví. Pokud se chcete na něco zeptat, použijte diskusní server Devel.cz

Zdroj: https://www.zdrojak.cz/?p=11269