İçindekiler
NS Bezier eğrileri, Düzlemdeki bazı noktalarla eğriler oluşturmamıza izin verdiği için çizim ve grafik programlarında yaygın olarak kullanılan bir eğri türüdür, bu sayede bazı matematiksel formüller sayesinde düzgün veya daha kesin eğriler elde edebiliriz. grafiklerimize daha fazla ayrıntı.İçinde HTML5 uygulama imkanına sahibiz. Bezier eğrileri Çeşitli yöntemler sayesinde, ikinci dereceden ve kübik eğrileri dahil edebiliriz, sınırlama, tuval üzerinde referans noktalarının nerede olduğuna dair görsel bir desteğimizin olmamasıdır.
Eğrileri oluşturma yöntemleri
Daha önce açıkladığımız gibi, çizim yapabilmek için Bezier eğrileri bazı noktalarda desteklenir, istenen eğriyi elde etmek için birçok deney yapmamız gerekir, ancak deney yapabilmek için önce arka planı bilmeliyiz, bu yüzden daha sonra Bu eğrileri çizmemize izin veren yöntemlerle ilgili bilgileri göreceğiz:
bezierCurveTo (cx1, cy1, cx2, cy2, x, y): (cx1, cy1) ve (cx2, cy2) kontrol noktalarını kullanarak (x, y) noktalarının buluştuğu kübik tipte bir Bezier eğrisi çizin.
ikinci dereceden EğriTo (cx, xy, x, y): Kontrol noktası (cx, cy) ile (x, y) noktalarına ikinci dereceden bir Bezier eğrisi çizin.
Çalışmamız gereken teknik yönü zaten biliyoruz, şimdi kodda bir örnek göreceğiz.
Bu örnekte, sonuncuyu başlangıç noktası olarak alacağımız kübik bir Bezier eğrisi çizeceğiz. alt yol daha sonra yöntemin aldığı son iki argümanın noktalarına götürün, ayrıca klavyemizde shift veya ctrl tuşuna basarsak eğrinin başlangıç ve bitiş noktalarının değişeceği bir işlevsellik içerir.
Örnek Tarayıcınız öğeyi desteklemiyor tuval Kodu aldıktan sonra, tarayıcıda ne ürettiğini görelim, dinamik bir bölüm içerdiği için sonuçların değişebileceğini sınırlıyoruz:
Bununla Bezier eğrileri hakkındaki bu öğreticiyi bitiriyoruz, ihtiyacımız olan şeye bağlı daha karmaşık efektler elde etmek istiyorsak, anahtar deney yapmaktır.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
