Cara membuat efek gambar garis - Menggunakan ScrollMagic & GSAP (GreenSock)

Saya akan segera memulai proyek web, dan ada elemen dari situs ini: https://serioverify.com yang merupakan milik saya klien ingin memiliki di situs mereka.

Ini adalah efek gambar garis berdasarkan posisi gulir. Saya telah mengintegrasikan GreenSock & ScrollMagic dengan tema khusus saya - tetapi bagaimana cara membuat efek garis ini, dapat memberikan contoh spesifik jika diperlukan.

Bimbingan apa pun dihargai, terima kasih!


svg wordpress scroll gsap scrollmagic
person Tekkie    schedule 25.11.2016    source sumber
comment
Apakah Anda bertanya bagaimana cara membuat efek gambar garis, atau bagaimana melakukannya dengan kombinasi perpustakaan tersebut? Jawaban dari pertanyaan pertama adalah dengan trik dash offset (search it). Tanggapan yang kedua adalah apa yang sudah Anda coba?   -  person Paul LeBeau    schedule 25.11.2016
comment
@PaulLeBeau - Terima kasih atas tanggapan cepat Anda, idealnya menggunakan perpustakaan tersebut, tetapi saya belum mencoba apa pun karena saya tidak yakin harus mulai dari mana. Saya berencana menyematkan bingkai, lalu menggambar garis. Tapi saya terbuka untuk cara lain untuk menciptakan efek ini, saya juga direkomendasikan HTML Canvas beziarCurve ?   -  person Tekkie    schedule 25.11.2016
comment
Sepertinya Anda menginginkan sesuatu seperti ini: stackoverflow.com/questions/32982539/   -  person Paul LeBeau    schedule 25.11.2016
comment
Jawaban ditemukan di sini: stackoverflow.com/questions/32982539/ Oleh @Paul Lebeau   -  person Tekkie    schedule 29.11.2016