- ทำให้หน้าต่างคอนโซลสวยงามเพื่อสร้างการจดจำแบรนด์ให้กับผู้ใช้ที่ช่างสงสัย
- Photoshop เวอร์ชันออนไลน์แสดงเวอร์ชันด้วยไอคอนและสีสันหลากหลายในคอนโซล
- แม้
console.log/info จะมีข้อจำกัด แต่ก็ยังสามารถใช้ CSS/SVG และ data:image เพื่อแสดงภาพได้
ฟีเจอร์ที่รองรับในคอนโซล
- SVG
- การแสดงผล SVG พื้นฐาน:
circle, path เป็นต้น
- Gradient, Clip Path, Mask, Filter, Transform, แอนิเมชัน SMIL,
foreignObject, Patterns
- CSS
- แอนิเมชัน CSS, ตัวแปร CSS,
@media query, viewport unit
background-image: linear-gradient()
- JavaScript
- DOM reference ภายใน SVG, การเปลี่ยนแปลง SVG DOM
- การใช้ตัวแปร global และตัวแปร CSS
- การเรนเดอร์ HTML
- มีข้อจำกัดคล้ายกับ SVG เช่น ใช้แท็ก
a ไม่ได้, ใช้ event listener ไม่ได้ เป็นต้น
- HTML ภายใน
foreignObject ของ SVG สามารถใช้ 3D Transform ได้ด้วย
ยังไม่มีความคิดเห็น