SVG Kodlarından .svg Dosyası Oluşturma

SVG Kodlarından .svg Dosyası Oluşturma
SVG Kodlarından .svg Dosyası Oluşturma
Bu yazımda SVG kodlarını nasıl dosya olarak kaydedebiliriz bundan bahsettim. Nasıl yapıldığını adım adım öğrenmek için makalemi inceleyebilirsiniz.

Merhabalar,

Bu yazımda SVG kodlarını nasıl dosya olarak kaydedebiliriz bundan bahsedeceğim. Aslında çok basit bir işlem fakat kodu yazıp kaydederken dosya seçeneklerine baktığımızda SVG genel olarak çıkmamaktadır.

Bunun için bazen kafamız karışabiliyor yapmamız gereken tek işlem dosyanın uzantısını bizim sonradan değiştirmemiz olacak 🙂 

Öncelikle SVG kodunuzu kopyalayıp editörünüzde varsayılan olarak .txt uzantısı ile kaydedebilirsiniz.

Örnek bir SVG ile daire oluşturup bunu kaydedelim.

<svg width="100" height="100">
   <circle cx="50" cy="50" r="40" stroke="red" stroke-width="4" fill="white" />
</svg> 

.txt olarak kaydettikten sonra dosyanın bulunduğu dizini açıyoruz;

  • Açılan pencerede Windows için Ctrl+F1 ile üst paneli genişletiyoruz. 
  • Amacımız açılan üst panelde bulunan Görünüm sekmesinden Dosya Adı Uzantılarını aktif etmek olacak.
  • Dosya Adı Uzantılarını aktif ettikten sonra dosya uzantıları görünüp üzerine tıklandıktan sonra değişebilir hâl alacaktır. Bu sayede uzantılarını değiştirebilirsiniz.

Daha açıklayıcı olması için aşağıya görsel bırakıyorum.

Dosya yolunu SVG olarak değiştirme

Basit bir konu gibi görünse de yeni başlayan arkadaşlar için akla gelmeyebiliyor. Bu şekilde başka değiştirmek istediğiniz dosya uzantıları varsa değiştirebilirsiniz.

Umarım işinize yarar.

Mutlu Kodlamalar 🙂

0 Shares:

Benimle yorumunu paylaş;

Bunlara da göz atabilirsin
Siteye Loader Ekleme
Devamını Oku

Siteye Loader Ekleme

Yüklenme aşamasında kötü görünümü engellemek amacıyla güzel yükleniyor simgeleri oluşturma ve entegresi bu yazımda anlatılmıştır. İçeriğin devamı için detayını inceleyebilirsiniz.

Devamını Oku