บางทีที่น่าตื่นเต้นมากกว่าแค่การเติมและการลากเส้นก็คือ คุณยังสามารถสร้างและใช้การไล่ระดับสีแบบเติมหรือแบบสโตรคก็ได้ การไล่ระดับสีมีสองประเภท: เชิงเส้นและรัศมี คุณต้องกำหนดแอตทริบิวต์ id ให้กับการไล่ระดับสี มิฉะนั้นจะไม่สามารถอ้างอิงโดยองค์ประกอบอื่นในไฟล์
คุณจะเติม SVG ด้วยการไล่ระดับสีเชิงเส้นได้อย่างไร
เพียงใช้ใน CSS อะไรก็ได้ที่คุณจะใช้ในแอตทริบิวต์การเติม แน่นอนว่าคุณต้องกำหนดความลาดชันเชิงเส้นไว้ที่ใดที่หนึ่งใน SVG ของคุณ ดังนั้นฉันจึงสร้างการไล่ระดับสีนั้นในไฟล์แยกต่างหาก และใช้การเติมด้วยวิธีนี้: fill: url(./js/gradient. svgMyGradient);.
คุณใช้ LinearGradient อย่างไร
ฟังก์ชันการไล่ระดับสีเชิงเส้นตั้งค่าการไล่ระดับสีเชิงเส้นเป็นภาพพื้นหลังในการสร้างการไล่ระดับสีเชิงเส้น คุณ ต้องกำหนดจุดหยุดสีอย่างน้อยสองจุด การหยุดสีคือสีที่คุณต้องการแสดงการเปลี่ยนสีอย่างราบรื่นระหว่าง คุณยังสามารถกำหนดจุดเริ่มต้นและทิศทาง (หรือมุม) พร้อมกับเอฟเฟกต์การไล่ระดับสีได้
LinearGradient คืออะไร
การไล่ระดับสีเชิงเส้นคือ ที่กำหนดโดยแกน-เส้นไล่ระดับสี-และจุดหยุดสีสองจุดขึ้นไป … สีของการไล่ระดับสีถูกกำหนดโดยจุดสองจุดขึ้นไป: จุดเริ่มต้น จุดสิ้นสุด และจุดหยุดสีที่เลือกได้ระหว่างนั้น
แท็กการไล่ระดับสีเชิงเส้นใน HTML คืออะไร
องค์ประกอบ ช่วยให้ผู้เขียนกำหนดการไล่ระดับสีเชิงเส้นที่สามารถนำไปใช้กับการเติมหรือจังหวะขององค์ประกอบกราฟิก