vâng, tôi có 2 lựa chọn
một tôi đã sử dụng tiện ích hình ảnh bằng hình ảnh svg cục bộ
sẽ sớm có tùy chọn thứ hai, người dùng đó sẽ tải lên một hình ảnh svg
Vì thế. Tôi cần một lớp để thay đổi màu sắc của svg [ghi đè lên lớp điền, nếu bạn thấy hình ảnh ở trên, tôi chỉ cần truy cập vào lớp 'điền' svg > g > đường dẫn để điền]
Thuộc tính color được sử dụng để cung cấp giá trị gián tiếp tiềm năng, currentcolor, cho các thuộc tính fill, stroke, stop-color, flood-color và lighting-color
Ghi chú. Là thuộc tính trình bày, có thể sử dụng color làm thuộc tính CSS. Xem màu CSS để biết thêm thông tin
Là một thuộc tính trình bày, nó có thể được áp dụng cho bất kỳ phần tử nào, nhưng như đã lưu ý ở trên, nó không có ảnh hưởng trực tiếp đến các phần tử SVG
Có một số cách để tô màu hình dạng [bao gồm chỉ định các thuộc tính trên đối tượng] bằng cách sử dụng CSS nội tuyến, phần CSS được nhúng hoặc tệp CSS bên ngoài. Hầu hết các SVG bạn tìm thấy trên web đều sử dụng CSS nội tuyến, nhưng có những ưu điểm và nhược điểm liên quan đến từng loại
Tô màu cơ bản có thể được thực hiện bằng cách đặt hai thuộc tính trên nút. fill và
fill đặt màu bên trong đối tượng và
Ngoài ra, bạn có thể chỉ định riêng độ mờ của fill hoặc
Ghi chú. Trong Firefox, các giá trị
fill/
fill/
Ngoài các thuộc tính màu của nó, có một vài thuộc tính khác có sẵn để kiểm soát cách vẽ một nét trên một đường
Thuộc tính
Thuộc tính thứ hai ảnh hưởng đến các nét là thuộc tính
Có ba giá trị có thể có cho
8 đóng đường thẳng bằng một cạnh thẳng vuông góc [ở 90 độ] với hướng của nét vẽ và cắt qua điểm cuối của nét vẽ
9 về cơ bản có hình thức giống nhau, nhưng kéo dài nét vẽ ra ngoài đường thực tế một chút. Khoảng cách mà nét vẽ vượt ra ngoài đường đi là một nửa
5
1 tạo ra hiệu ứng tròn trịa ở phần cuối của nét vẽ. Bán kính của đường cong này cũng được kiểm soát bởi
5
Sử dụng
Mỗi polylines này có hai đoạn. Mối nối mà hai điểm gặp nhau được kiểm soát bởi thuộc tính
Cuối cùng, bạn cũng có thể sử dụng các loại đường đứt nét trên một nét vẽ bằng cách chỉ định thuộc tính
Thuộc tính
Số đầu tiên chỉ định khoảng cách cho khu vực được lấp đầy và số thứ hai là khoảng cách cho khu vực không được lấp đầy. Vì vậy, trong ví dụ trên, đường dẫn thứ hai lấp đầy 5 đơn vị pixel, với 5 đơn vị trống cho đến dấu gạch ngang tiếp theo gồm 5 đơn vị. Bạn có thể chỉ định nhiều số hơn nếu bạn muốn một mẫu gạch ngang phức tạp hơn. Ví dụ đầu tiên chỉ định ba số, trong trường hợp đó, trình kết xuất sẽ lặp các số hai lần để tạo một mẫu chẵn. Vì vậy, đường dẫn đầu tiên hiển thị 5 đầy, 10 trống, 5 đầy và sau đó lặp lại để tạo 5 trống, 10 đầy, 5 trống. Mô hình sau đó lặp lại
Có các thuộc tính bổ sung
fill, bao gồm
Ngoài việc thiết lập các thuộc tính cho các đối tượng, bạn cũng có thể sử dụng CSS để tạo kiểu tô và nét. Không phải tất cả các thuộc tính đều có thể được đặt qua CSS. Các thuộc tính liên quan đến vẽ và điền thường có sẵn, vì vậy fill,
Ghi chú. Đặc tả SVG quyết định chặt chẽ giữa các thuộc tính là thuộc tính và các thuộc tính khác. Cái trước có thể được sửa đổi bằng CSS, cái sau thì không
CSS có thể được chèn nội tuyến với phần tử thông qua thuộc tính
Hoặc nó có thể được chuyển đến một phần phong cách đặc biệt mà bạn bao gồm. Tuy nhiên, thay vì đẩy một phần như vậy vào phần
Di chuyển các kiểu đến một khu vực như thế này có thể giúp điều chỉnh các thuộc tính trên các nhóm phần tử lớn dễ dàng hơn. Bạn cũng có thể sử dụng những thứ như lớp giả