... javascript มันสามารถเปลี่ยนสีของรูปที่เป็น png ได้ไหมครับ?

By: homeless on 6 September 2011 - 20:19 Tags:
Forums: 
Blognone Forum

เท่าที่ลองหาๆ ดูมันจะเป็นแบบต้องทำส่วนใดส่วนนึงในรูปนั้นเป็น transparent น่ะคับ
http://pagesofinterest.net/blog/2009/06/using-png-transparency-the-jquery-colour-change-plugin/

หรือไม่ก็ใช้ actionscript แต่ตอนนี้ผมมีรูปสีขาวอยู่(แต่ขอบเป็น transparent) อยากให้เปลี่ยนได้หลายๆ สีตามโค๊ดสีที่เราใส่น่ะคับ ไม่ทราบว่ามันพอจะทำได้ไหม
หรือ jquery มันมี plugin ไหมพอดีใช้อยู่บ่อยๆ ด้วย

ขอบคุณครับ

Get latest news from Blognone
By: platalay
iPhoneWindows PhoneAndroidWindows
on 6 September 2011 - 21:28 #330718

อ่านแล้วไม่ค่อยเข้าใจความต้องการ

ลองดูพวก canvas ครับ ทำได้

อันนี้เป็น library เลย ทำเป็น app แต่งรูปได้เลย
http://blog.nihilogic.dk/2008/12/pixastic-now-javascript-image.html

By: mementototem
ContributorJusci's WriterAndroidWindows
on 7 September 2011 - 12:17 #330884
mementototem's picture

ใช้ jQuery เปลี่ยนสีพื้นหลังของภาพโดยใช้ css (background-color) แค่นี้จะเพียงพอหรือเปล่าครับ?

{syntaxhighlighter brush:jscript}
$('#ImageID').css("background-color","RoyalBlue");
{/syntaxhighlighter}

Jusci - Google Plus - Twitter

By: homeless on 8 September 2011 - 11:49 #331159

คล้ายเครื่องมือ เทถังสี ใน photoshop น่ะคับ
คือเราเลือกสี แล้วก็เทบนรูป png (ที่มีขอบ transparent) รูปนั้นก็จะเป็นสีที่เทไป แต่สีฉากหลังของภาพ จะไม่เกี่ยวอะไร

*คล้ายๆ ตัวอย่างนี้น่ะครับ
http://jsfiddle.net/BDXc7/
แต่ของผมจะกลับกันคือ เปลี่ยนสีที่ object (ในตัวอย่างก็คือลูกเต๋า แต่ไม่ต้องถึงขนาดไปลงสีได้ตามจุด หรือตามขอบลูกเต๋าก็ได้) แต่สีฉากหลังของภาพ จะไม่ไปยุ่งอะไรเพราะเป็น transparent

เด่วลองศึกษา code ที่คุณ platalay ให้มาดูก่อนคับ เห็นมี เทถังสีเหมือนกัน

@mementototem แบบนี้มันจะเททั้งรูป(สี่เหลี่ยม)เลยน่ะคับ

ขอบคุณมากคับ