나는 HTML5 캔버스로 게임을하고 있는데, 필자의 CSS에서 fillStyle의 색상을 얻고 싶지만 투명성도있다. jQuery를 사용하여 CSS 스타일을 읽을 때 16 진수 대신 rgb 값이 반환됩니다.RGB를 RGBA로 변환
fillColor = $(".myClass").css("background-color"); // return rgb(x, x, x)
먼저는 내가 다시 변환 할 필요가 없습니다 나에게 convinient, 그러나 나는 내가 RGB 값으로 알파를 추가 할 수 없습니다 것을 발견, 그래서 다음 16 진수로 변환해야 볼에서 알파 값으로 RGBA로 변환하십시오.
function convertHexToRGB(hex)
{
var red = hex.substr(1, 2), green = hex.substr(3, 2), blue = hex.substr(5, 2), alpha = arguments[1];
color = "rgba(" + parseInt(red, 16) + "," + parseInt(green, 16) + "," + parseInt(blue, 16) + "," + alpha + ")";
return color;
}
은 이제 내 코드는 냄새가 비효율적 보이는 수 있도록하는 RGB 값에 알파 값을 추가 할 수있는 방법이있다. 또는 RGB를 RGBA로 변환하는 일부 기능은 무엇입니까?
정확히 내가하고있는 것, 배경 이미지의 특정 영역을 강조 표시하기 위해 반투명 채우기 영역이있는 오버레이 캔버스가 있습니다. 불투명 한 값은 캔버스에서만 사용되며 CSS에서는 사용되지 않습니다. 어쨌든, 내가 필요로하는 것은 존재하는 RGB 값에 알파 값을 더하는 것입니다. 알파 값을 검색하지 않습니다. –