Cara teks ditata mengelilingi lingkaran, dibuat ulang dengan Python dan fontTools
Teks yang melingkar terlihat seperti trik menggambar, padahal itu tata letak teks biasa dengan satu perbedaan: alih-alih bergerak di garis dasar yang lurus, setiap huruf bergerak di sepanjang busur dan berputar menghadap ke luar. Type on a Path Tool di Vector Editor pada aplikasi desktop osFoundry melakukan hal ini, begitu juga <textPath> di SVG. Di bawah ini tata letak yang sama ditulis dengan…
Teks yang mengelilingi lingkaran, yang kemudian diterjemahkan menjadi teks yang ditulis dengan Python dan fontTools, menarik perhatian. Bukan sekadar trik kreatif, tapi cara unik untuk menampilkan teks. Tiap huruf bergerak sepanjang lingkaran dan berputar menghadap luar. Ini dilakukan melalui Tipe pada Gambar (Type on a Path Tool) pada editor desain Vector di aplikasi desktop osFoundry, dan juga melalui textPath di SVG.
Namun, versi ini ditulis dalam skrip Python menggunakan fontTools, numpy, dan Pillow, dan dijalankan pada stempel yang dibuat di aplikasi.
Dua hal diukur: jarak antar huruf dan bagaimana teks rata tengah muncul di sisi berlawanan dari titik klik. Selain itu, lokasi baris bawah setelah Flip dan Ascender juga diukur. Font digunakan adalah Source Sans 3, tetapi untuk teks besar, Arial Bold bawaan macOS digunakan karena tersedia. Dalam geometri, lebar advance (jarak pen menggeser setelah menggambar huruf) tidak sama dengan lebar advance pada font.
Jika teks ditulis secara lurus, nilai-nilai tersebut dijumlahkan. Namun, pada lingkaran, jalan yang diambil sama, tetapi total jalan diperhitungkan sebagai jarak di sepanjang lingkaran. Dalam Python, perhitungan ini dilakukan dengan menghitung advance width masing-masing glyph, kemudian mengatur posisinya sepanjang path. Ini menghasilkan tata letak yang sama sebagai versi manual.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
