CSSで指定したRGBを取得
ボタンを押したときのフィードバックで一番よいものはなんなのか?というのを模索してます。
初期の頃、背景の色を取得し、RGBの値に一定の値を掛ければそれっぽくなるのかな?と思い試しにつくってみました。
var color = buttonElement[0].style.background; var m= color.match(/^rgb\(\s*(\d+),\s*(\d+),\s*(\d+)\)$/); var ret={}; ret.r = parseInt(m[1],10); ret.g = parseInt(m[2],10); ret.b = parseInt(m[3],10); alert(ret.r); alert(ret.g); alert(ret.b);
ただ、グラデーションしてると使えないことに気づいたので、
object.style.opacity = 0.5;
みたいな感じで、opacityをtouchstartのときだけ下げてあげるのが、今のところ一番簡単かつ、それっぽくみせられる形でした。
引き続きもうちょっと研究してみます。