Xoay & lật SVG

Ở đây thì không. Với bước 90°, khung vẽ vẫn vừa khít hình vẽ; ở 37° thì không, và bạn sẽ cần thêm khoảng đệm, một viewBox lớn hơn cùng một quyết định về việc xử lý các góc. Bước 90° đã bao trọn các nhu cầu thực tế — xoay một biểu tượng, sửa một bản xuất bị nằm ngang — với kết quả đoán trước được chính xác.

Hầu như không. Một phần tử nhóm kèm một thuộc tính transform được thêm vào, còn viewBox và các thuộc tính kích thước được cập nhật. Đường path, chuyển sắc, lớp và id đều nguyên vẹn.

Nó không đổi — nó đi theo những gì bạn nhìn thấy. "Ngang" luôn lật từ trái sang phải trên màn hình, và sau một phần tư vòng thì điều đó tương ứng với một trục khác trong tệp gốc. Đây chính là hành vi mà ai cũng mong đợi ở một trình chỉnh sửa ảnh.

Mọi thẻ title, desc, style, metadata và defs đều ở lại cấp cao nhất, đúng chỗ của chúng. Chỉ hình vẽ đi vào bên trong nhóm được xoay, nên trình đọc màn hình vẫn thông báo về ảnh y như trước.

Một viewBox sẽ được thêm giúp bạn, khớp với width và height của tệp. Không có viewBox thì không có khung vẽ nào để hoán đổi cạnh, và một phần tư vòng xoay sẽ đẩy hình ra ngoài vùng nhìn thấy.

Không. Tệp được phân tích và ghi lại ngay trong trình duyệt của bạn.