Grunticon

Grunticon là một nhiệm vụ Grunt.js có thể được chạy trên một thư mục chứa hình ảnh SVG. Bạn có thể sử dụng hình ảnh PNG là tốt, nhưng kết quả sẽ không được rất "vectorish."
Grunticon hoạt động bằng cách lấy tất cả những biểu tượng SVG và tạo ra mã CSS mà bạn có thể sử dụng để đúng cách nhúng chúng trên các trang Web, với built-in hỗ trợ cho bố trí đáp ứng và các thiết bị Retina.
Các mã CSS được tạo bởi ứng dụng này bao gồm tất cả những điều cơ bản, sắp tới trong ba phiên bản khác nhau:
- URL dữ liệu SVG
- URL dữ liệu PNG
- Hình ảnh PNG cổ điển
Phương pháp thứ ba đã được bao gồm như là một dự phòng cho các trình duyệt không hỗ trợ dữ liệu SVG, vẽ các biểu tượng như hình ảnh SVG PNG thường xuyên. Nếu SVGs không sẵn có ở dạng PNG, sau đó Grunticon sẽ chuyển đổi chúng cho bạn tự động và đặt chúng trong một thư mục đặc biệt.
Bằng cách chỉnh sửa một vài dòng trong file Grunt.js nhiệm vụ, các nhà phát triển cũng có thể điều chỉnh các đặc điểm của các biểu tượng xuất ra, từ tiền tố CSS đến vị trí của một tập tin xem trước HTML.
Cùng với CSS, một tập tin JS nhỏ cũng có thể được tạo ra, trong đó có thể được sử dụng để đồng bộ các tập tin SVG tải, đảm bảo rằng họ không chặn trang vẽ nếu nhiều mặt hàng được sử dụng trên cùng một trang.
Các biểu tượng được tạo ra thông qua Grunticon cũng có khả năng để được theo kiểu qua CSS, kết xuất trong các biến thể màu sắc khác nhau, và thậm chí cả hoạt hình.
. Hướng dẫn cài đặt được cung cấp với các tập tin README của gói

Yêu cầu :

• Grunt.js 0.4.2 hoặc cao hơn