svg + css

อยากใช้กับ css กับ svg ครับ ก็เลยลองดู. อ่านจากเว็บ http://www.w3.org/TR/SVG/styling.html แต่ผมใช้แบบ embedded ใน xhtml อีกที นึกว่าต้องแก้อะไรสักหน่อยเปล่าเลยใช้ซะงั้น. link กับ css ที่หัวไฟล์ได้เลยอะ.


SVG + CSS

<h1>SVG + CSS</h1>

        


แล้วก็เขียน css ไว้อีกแยกต่างหาก

.test1 { fill: red; }

เสร็จแล้วขำๆ.  พยายามหาตัวอย่างที่เป็น embedded svg อยู่นานไม่เจอ เรื่องนี้สอนให้รู้ว่าลองๆ ไปเถอะ -_-‘

[นอกเรื่อง] ที่แรกใช้ WordPress Gears แล้วนึกว่าจะ save แบบ offline แล้วมา sync ได้ … เท่าที่เล่นๆ อยู่และอ่านเหมือนไม่ได้นะ😛.  ประมาณว่าแค่ cache อะไรต่ออะไรไว้ให้เร็วขึ้น.

ป.ล. post ไปแล้ว code อาจจะเพี้ยนบ้าง พวก space ไรงี้อาจต้องลบออกบ้าง

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s