QGIS SVG Maki, REGEX

Mapbox memiliki koleksi icons, namanya Maki ( https://github.com/mapbox/maki ), dan isinya SVG 11×11 pixels dan SVG 15×15 pixels. Icons tersebut bisa kita masukkan ke QGIS, namun sayangnya opsi mengubah kolor eh colour nya ngga keluar. Usut punya usut, terpaksa saya buka SVG nya dengan Notepad++ dan ternyata memang SVG bawaan QGIS agak sedikit berbeda.

SVG Paramters untuk maki15 tidak ada yang bisa diubah, sehingga kita tidak bisa mengganti kolornya …

Ternyata, SVG bawaan QGIS memiliki param(fill), param(outline) dan juga param(outline-width)

Untuk pembanding, terlihat SVG Maki tidak memiliki param, dan perhatikan width=”15px” dan juga height=”15px” sangat mengganggu

Kenapa Width dan Height yang hanya 15pixel mengganggu…? Ngga juga sih sebenarnya di QGIS, karena otomatis di resize, namun kalau kita preview, gambar 15×15 pixel itu ngga terlalu nampak … karena memang Maki ini hanya digunakan untuk icon marker.

SVG QGIS ukurannya 580×580 …

Nah, agar sedikit mengikuti QGIS, tinggal diubah ukuran height dan width menjadi 580 … (jangan diubah viewBox karena itu relatif terhadap path)

Dan, tinggal dicopy-paste param nya …

diubah width dan ditambahkan param

perhatikan sekarang ikon menjadi 580×580 … awalnya hanya 15×15 pixels, sangat kecil dibuka di IE

dan sekarang SVG memiliki parameter …

Dengan begini, kita bisa membuat SVG yang bagus untuk Composer peta kita di QGIS

Regex Replace

Find in Files pad Notepad++ dengan menggunakan Regular Expression pada Search Mode. Perhatikan bahwa tools ini sangat destruktif, dan dapat merusak data Anda jika Anda tidak hati-hati!

Setelah kita tahu permasalahannya, mengganti setiap path satu-satu untuk file SVG sebanyak itu juga bukan pekerjaan mudah …

Namun, Notepad++ punya solusi untuk Anda, yaitu dengan menggunakan Replace eh Find in Files

Kita tinggal cari dengan Regular Expression pola yang harus diganti, lalu biarkan Notepad++ menggantinya otomatis untuk Anda.

Ada yang perlu dicatat di sini, yaitu beberapa karakter perlu di-escape, yaitu tanda kurung.

Find:

<path (.[^/>]*)/>

Replace

<path $1  fill="param\(fill\)" fill-opacity="param\(fill-opacity\)" stroke="param\(outline\)" stroke-opacity="param\(outline-opacity\)" stroke-width="param\(outline-width\)" />

Perhatikan bahwa kita perlu meng-escape tanda kurung!

Apaan tuh Regex?

Regex, atau regular expression, atau ekspresi regular, memang bukan mainan rakyat jelata. Ini lebih sering digunakan oleh anak Ilmu Komputer, yang mengambil mata kuliah Teori Bahasa dan Automata.

Dengan Regex, kita bisa lebih cepat membuat pola. Pola ini nanti bisa komputer mencarinya. Kita juga bisa membuat pola untuk ekspresi pengganti.

Sederhananya, jika Anda menguasai regex, Anda tidak akan repot lagi mencari dan mengganti ekspresi kata maupun kalimat.

Sayangnya, bukan untuk rakyat jelata …

Penutup

Tampilan akhir, SVG kita sedikit lebih aneh bentuknya, tidak hitam lagi!

Kalau Anda tidak ada melakukan kesalahan, sekarang otomatis SELURUH SVG kita akan berubah bentuknya di QGIS, menjadi tidak hitam lagi, namun sedikit abu-abu dan ada strok nya.

Sekarang, kita bisa bebas memilih warna untuk SVG kita!