стиль заливки в JavaScript

Question

Я должен заполнить изображение компонентом rgba.Он работает с функцией something.fillStyle = " rgba ("+r+","+g+","+b+","+a+")";, но я хочу использовать something.fillStyle = value, где value - это значение цвета в шестнадцатеричной форме вида alpha r g b.Когда value равен #ffff00 (желтый), это нормально, но когда я использую значение с альфа (#ffffff00), оно всегда черное.Есть ли способ сделать это?

Answer 1

Это невозможно, см. http://www.w3.org/TR/css3-color/#numerical. Значения шестнадцатеричных цветов не позволяют установить значение "альфа", это возможно только с rgba и hsla.

Answer 2

Это возможно , если вы преобразуете гекс в rgb, а затем добавляете свое альфа-значение. Кроме того, вы можете установить globalAlpha, который будет применяться, даже если остальные цвета в функции используют шестнадцатеричные цвета.

if (myAlpha) {
    ctx.globalAlpha = myAlpha;
}

взгляните на функцию hextorbg здесь .