İçindekiler
Bir tuval üzerine eğriler çizmek basit veya karmaşık olabilir, hepsi ne elde etmek istediğinize bağlıdır, sayfamızda bazı işlevler oluşturmak için kullanabileceğimiz bazı ilginç efektler yapabilirsiniz, bu da yapılan diğer sayfalardan öne çıkar. içinde HTML5.Yapabileceğimiz şeylerden biri, eğri çizgilerin oluşturulmasına gelişmiş bir işlem vermektir, bu tür araçlarla, sayfamızın neler yapabileceğini düşünürken sınırlamaların olmamasına daha yakın olacağız.
Fareyi hareket ettirirken bir eğri çizin
Bu durum oldukça ilginç, çünkü yaptığımız şey fareyi hareket ettirirken bir eğri çizmek, ayrıca klavyemizde herhangi bir tuşa basarsak eğrinin bazı noktaları değişiyor.
Örneğin, ctrl tuşuna basarsak, sonunu temsil eden ilk nokta alt yol, shift tuşuna basarsak, yöntemin ilk iki argümanı olan ikinci nokta hareket edecektir. arkTo () ve son olarak, herhangi bir tuşa basmazsak, yöntemin son iki argümanının temsil ettiği üçüncü nokta hareket edecektir.
Bu etkileri elde ettiğimiz kodu aşağıda görelim:
Örnek Tarayıcınız öğeyi desteklemiyor tuval Gördüğümüz gibi, kodda ilk önce bastığımız tuşların olaylarının alınmasının işleyicisini tanımlıyoruz, içinde alınması gereken değerleri belirliyoruz.
Aşağıda bunun tarayıcımızda nasıl sonuçlanabileceğine dair bir ekran görüntüsü görelim, dinamik olmak, bu örneği yeniden oluştururken sonuçların değişebileceğini belirtmek önemlidir:
Daha önce sadece yöntemi kullanmıştık. arkTo ()Şimdi arc() yönteminin nasıl çalıştığını göreceğiz, ilk iki argüman aracılığıyla tuval üzerinde bir nokta ve ardından eğrinin yarıçapı ve açısını belirlediğimiz için kullanımı daha kolay.
Bu yöntemle üç tür eğrinin nasıl çizileceğini gösteren aşağıdaki örneği görelim:
Örnek Tarayıcınız öğeyi desteklemiyor tuval Şimdi bunun tarayıcımızda nasıl göründüğüne bakalım:
