Taggd ile basit resim araç etiketleri ekleyin

Facebook'un size nasıl izin verdiğini biliyorsunuz etiket yüzleri fotoğraflarda İyi, Taggd CSS / JS eşdeğeri gibi not almak için nokta kullanma Bir ipucu üzerinde araç ipuçlarının nerede görünmesi gerektiği.

Kütüphane tamamen ücretsizdir ve herhangi bir bağımlılık gerektirmez JQuery gibi. O saf vanilya JavaScript ile çalışır, ve kurulumu çok kolay.

Taggd ana sayfasından biraz daha fazlasını öğrenebilirsiniz. bir demo ve bazı temel adımlar içerir başlamak için.

Ayrıca bir bağlantı var çevrimiçi belgeler Dokümanlar kullanarak, JS dokümantasyonu için yapılmış küçük ve temiz bir web uygulaması. Yapabilirsin Taggd sürümlerini ara, veya geçerli sürüme göz at ana dalda.

Oradan, bir büyük mülk listesi kullanabilirsiniz. Her dokümanın işlevlerine göre bölünmesi görüntü üzerinde çalıştırmak (gibi addTag () veya gettag ()) ardından size yardımcı olan fonksiyonlar belirli etiketleri değiştir (gibi pozisyonu ayarla()).

Yine, her şey vanilya JavaScript ile çalışır bu yüzden sözdizimi sorunları hakkında endişelenmenize gerek yok.

Başlamak GitHub deposuna göz atın, ve kurulum talimatlarını takip edin.

Sadece Taggd CSS ve JS dosyalarını ekleyin senin içine Bölüm , ve sonra yeni bir örnek oluştur Taggd elementleri. Bunlar tanımlanabilir bir-bir veya bir dizide.

Sonra onları bir resme ekle, ve presto! Hepiniz gitmeye hazırsınız.

görmek isterim etiket etiketlerini özelleştirmek için ekstra özellikler, ve şeklini değiştir. Küçük bir pembe noktadan ziyade bir nesneyi çevreleyen kare bir etiket oluşturmak harika olurdu. Fakat sıfır bağımlılığa sahip ücretsiz bir kütüphane için çok fazla şikayet edemem.

Şimdiye kadar bu kütüphane hazırlandı sadece modern tarayıcılar için, ve zarif bozulmayı desteklemiyor. Bununla birlikte, her zaman repo sayfasındaki bir sorunu açabilir veya basit sorunları görürseniz diğer sorunları çözmeye çalışabilirsiniz. Bununla birlikte, Taggd hala bir eklentidir ve herhangi bir proje için kullanmak pratiktir.

İçin yazarın ana sayfasına göz atın. basit kod ve DL bağlantıları ile birlikte dokümantasyon sayfasına link.

Herhangi bir sorunuz veya öneriniz varsa, yaratıcısı Tim Severien'i Twitter'da @TimSeverien'e göndermekten çekinmeyin.