วิธีสร้างเอฟเฟกต์การวาดเส้น - การใช้ ScrollMagic & GSAP (GreenSock)

ฉันกำลังเริ่มโครงการเว็บเร็วๆ นี้ และมีองค์ประกอบของไซต์นี้: https://serioverify.com ที่ฉัน ลูกค้าต้องการมีบนเว็บไซต์ของพวกเขา

มันเป็นเอฟเฟกต์การวาดเส้นตามตำแหน่งการเลื่อน ฉันได้รวม GreenSock & ScrollMagic เข้ากับธีมที่กำหนดเองของฉันแล้ว - แต่ฉันจะสร้างเอฟเฟกต์เส้นนี้ได้อย่างไร สามารถให้ตัวอย่างที่เฉพาะเจาะจงได้ หากจำเป็น

คำแนะนำใด ๆ ที่ได้รับการชื่นชม ขอบคุณ!


svg wordpress scroll gsap scrollmagic
person Tekkie    schedule 25.11.2016    source แหล่งที่มา
comment
คุณกำลังถามถึงวิธีสร้างเอฟเฟกต์การวาดเส้นหรือจะทำอย่างไรกับการรวมกันของไลบรารีนั้น? คำตอบสำหรับคำถามแรกคือเคล็ดลับการชดเชยเส้นประ (ค้นหา) การตอบสนองต่อข้อที่สองคือสิ่งที่คุณได้ลอง?   -  person Paul LeBeau    schedule 25.11.2016
comment
@PaulLeBeau - ขอบคุณสำหรับการตอบกลับอย่างรวดเร็ว โดยหลักการแล้วมันจะเป็นการใช้ไลบรารีเหล่านั้น แต่ฉันยังไม่ได้ลองอะไรเลยเพราะฉันไม่แน่ใจว่าจะเริ่มต้นจากตรงไหน ฉันวางแผนจะปักหมุดเฟรมแล้วลากเส้น แต่ฉันเปิดรับวิธีอื่นในการสร้างเอฟเฟกต์นี้ ฉันยังแนะนำ HTML Canvas beziarCurve อีกด้วย   -  person Tekkie    schedule 25.11.2016
comment
ดูเหมือนว่าคุณต้องการสิ่งนี้: stackoverflow.com/questions/32982539/   -  person Paul LeBeau    schedule 25.11.2016
comment
พบคำตอบได้ที่นี่: stackoverflow.com/questions/32982539/ โดย @Paul Lebeau   -  person Tekkie    schedule 29.11.2016