Kullanıcı web sayfalarında

sayfayı kaydırdıkça bir eğri çizgi çizin Bir kullanıcının web sitesinde gezinirken bir eğri çizginin dinamik olarak çizilip çizilmediğini merak ediyorum. Ben çok eminim bu bezierCurveTo() yöntemiyle HTML5 Canvas kullanılarak yapılabilir, ancak bu sadece tüm şeyi hemen dışarı çekiyor.Kullanıcı web sayfalarında

Bu, skrollr kütüphanesini kullanan bir paralaks web sitesinde kullanılacaktır.

Bu işi kolaylaştırabilecek bir kütüphane var mı?

Herhangi bir öneriniz var mı?

kaynak

2012-08-02 vipergtsrz

Eğri, kaydırma ile nasıl ilişkili? Eğri, kullanıcı kaydırdıkça şekil değiştiriyor mu? Daha fazla ayrıntıya ihtiyacımız var. – kevin628

Tüm belge boyunca ilerleyen önceden belirlenmiş bir yol (birçok eğri ve hatta bazı döngülerle) olurdu. Tercihen, hat görünmez olacak ve sadece kullanıcı kayarken siyah çizgiyi gösterecek, böylece sayfa aşağı doğru kaydırılırken çizilen çizginin etkisini gösterecektir. Umarım bu mantıklıdır. – vipergtsrz

Burada skrollr yaratıcısı. Bu ortaya çıktığın gerçekten ilginç bir problem. Skrollr'un gömülü SVG'de çalıştığını biliyor muydunuz?

arama 30 dakika sonra (başlangıç noktası: How to draw a vector path progressively? (Raphael.js)) Aşağıdaki resmi skrollr demo ile geldi:

http://prinzhorn.github.com/skrollr/examples/path.html

Evet, heyecanlıyım.

kaynak

2012-08-03 08:05:34 Prinzhorn

Örnek için ve çok yararlı skrollr kitaplığınız için çok teşekkür ederim. Örneğini firefox ve krom ile denedim ve kromda mükemmel çalışıyor gibi görünüyor, ancak firefox küçük bir araba gibi görünüyor. Bu örnek tüm modern tarayıcılarda çalışır mı? – vipergtsrz

Belki de istediğiniz gibi görünmesi için demoya eklediğim CSS geçişleriyle oynamalısınız. "Buggy" dediğin şeye neden olabilirler. Evet, tüm modern masaüstü tarayıcılarında çalışır, hatta IE 9+ (http://caniuse.com/#feat=svg-html5). Ne yazık ki, CSS geçişleri olmadan o kadar iyi görünmüyor (Opera onları SVG atm'da desteklemiyor). – Prinzhorn

Artık CSS geçişlerine artık gerek yok, sanırım iyi görünüyor. skrollr şimdi kaydırma işlemini kendiliğinden düzeltir. – Prinzhorn

Kullanıcı web sayfalarında

cevap

İlgili konular