SVG URL Encoder

Ano ang SVG?

Ang SVG ay nangangahulugang Scalable Vector Graphics. Ginagamit ang SVG para tukuyin ang vector-based na graphics para sa Web sa XML na format. Ang bawat elemento at katangian sa mga SVG file ay maaaring i-animate.

• Wikipedia - SVG

Paano gamitin ang SVG sa CSS?

Para gamitin ang SVG code nang direkta sa CSS, kailangan mo munang i-encode ang SVG code. Maaari mong gamitin ang SVG URL Encoder tool na ito o ang JavaScript function na encodeURIComponent(). Ang naka-encode na SVG data URI ay maaaring gamitin sa background-image, border-image at mask na CSS properties sa pamamagitan ng url() function. Halimbawa: background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='50' cx='50' cy='50' fill='red'/%3E%3C/svg%3E");

Paano baguhin ang kulay ng SVG sa CSS?

Para baguhin ang kulay ng SVG, maaari mong pagsamahin ang mask at background-color na CSS properties. Ang halimbawa sa ibaba ay magbabago ng kulay ng SVG sa asul. Halimbawa: mask: url(“data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='50' cx='50' cy='50' fill='currentColor'/%3E%3C/svg%3E”); background-color: blue;

Ano ang URL?

Ang URL (Uniform Resource Locator) ay ang address ng isang natatanging mapagkukunan sa internet. Isa ito sa mga pangunahing mekanismo na ginagamit ng mga browser para makuha ang mga mapagkukunan tulad ng mga HTML page, CSS document, larawan, at iba pa.

• MDN - What is a URL?

Paano i-encode ang isang URL?

Para i-encode ang isang URL maaari mong gamitin ang encodeURIComponent() function na nag-e-encode ng URI sa pamamagitan ng pagpapalit ng bawat pagkakataon ng ilang karakter ng isa, dalawa, tatlo, o apat na escape sequence na kumakatawan sa UTF-8 na pag-encode ng karakter. Kumpara sa encodeURI(), ang function na ito ay nag-e-encode ng mas maraming karakter, kasama na ang mga bahagi ng URI syntax.

• MDN - encodeURIComponent()

Paano i-decode ang isang URL?

Para i-decode ang isang URL maaari mong gamitin ang decodeURIComponent() function na nag-de-decode ng URI sa pamamagitan ng pagtrato sa bawat escape sequence na may anyo %XX bilang isang UTF-8 code unit (isang byte). Sa UTF-8, ang bilang ng mga nangunguna 1 bits sa unang byte, na maaaring 0 (para sa 1-byte ASCII characters), 2, 3, o 4, ay nagpapahiwatig ng bilang ng mga byte sa karakter.

• MDN - decodeURIComponent()