Giới Thiệu Tiện Ích Mã Hóa Ảnh SVG

Tiện Ích Mã Hóa Ảnh SVG

Chào các bạn, lại là mình đây chả là mình mới
kiếm được công cụ convert SVG này vả lại cũng lâu rồi blog mình cũng không có
công cụ gì mới. Nên nay mình sẽ giới thiệu cho anh em công cụ này luôn.

align="center"
cellpadding="0"
cellspacing="0"
class="tr-caption-container"
style="margin-left: auto; margin-right: auto;"
>



href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvm0HEIFM0uHxRPx9ljGZ0XLf0zbOxXnZIvviEHIpvf_w0uIZtkd893RVXm0OpY1g_lDU0MVAhPqE5Z9Lsic0g4tl9sbb9K64SSPrk_uiVLbnGHbwbE_TVl4kRASJqACwN6EPZfJUNH0A/s1615/SVG-Encode.png"
style="margin-left: auto; margin-right: auto;"
> border="0"
data-original-height="1000"
data-original-width="1615"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvm0HEIFM0uHxRPx9ljGZ0XLf0zbOxXnZIvviEHIpvf_w0uIZtkd893RVXm0OpY1g_lDU0MVAhPqE5Z9Lsic0g4tl9sbb9K64SSPrk_uiVLbnGHbwbE_TVl4kRASJqACwN6EPZfJUNH0A/s16000/SVG-Encode.png"
/>




Giới Thiệu Tiện Ích Mã Hóa Ảnh SVG

Giới Thiệu Tiện Ích

Chắc hẳn việc dùng ảnh SVG là ảnh background cũng đã quen thuộc với các bạn.
Nhưng nếu bạn một kiếm được một ảnh SVG nhưng lại dưới dạng HTMl mà không biết
cách sử dụng. Bài viết này sẽ giúp bạn convert SVG từ HTML sang dạng CSS một
cách nhanh chóng.

Chức Năng:

• 
  Chuyển đổi SVG từ HTML sang CSS với thuộc tính
  background-image:
  


• Mã hóa SVG dưới dạng mã hóa URL.


• Ảnh SVG mẫu giúp các bạn dễ hình dung.


• 
  Có thể tùy chỉnh dấu ngoặc đơn và ngoặc kép theo ý
  muốn chỉ với 1 cú click.
  

Demo:

align="center"
cellpadding="0"
cellspacing="0"
class="tr-caption-container"
style="margin-left: auto; margin-right: auto;"
>



href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiznDTJDWhC2MNEROdZ1i_doo91xPkJTdoNDfeLYYmSFP1V4rn4-xnQ8sZNOAJX2dkZEwNDb49mG02X-hOJ18c85j0x2O_adDUAeTm1ifqsAsBKCYbdgw8BHj1IRHfZlvXlCb232k9Y7fw/"
style="margin-left: auto; margin-right: auto;"
> alt=""
data-original-height="719"
data-original-width="1066"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiznDTJDWhC2MNEROdZ1i_doo91xPkJTdoNDfeLYYmSFP1V4rn4-xnQ8sZNOAJX2dkZEwNDb49mG02X-hOJ18c85j0x2O_adDUAeTm1ifqsAsBKCYbdgw8BHj1IRHfZlvXlCb232k9Y7fw/s16000/image.png"
/>




Demo Encoding SVG

Công Cụ:

class="bsw-btn"
href="https://www.phamvanlinh.xyz/p/encoding-svg.html"
target="_blank"
title="Encoding SVG"
>Encoding SVG

Lời Kết

Vậy là trên đây mình đã mang đến cho các bạn một công cụ mà mình thấy là khá tốt với những bạn chưa biết nhiều về SVG như mình. Các bạn có thể thử luôn rồi quay lại đây cho mình một comment nhé! Cảm ơn các bạn rất nhiều.

Copyright © Phạm Văn Linh

Previous

Next