Угловой/SVG: Заливка затемняется или перекрывается?

#angular #svg

Вопрос:

У меня есть SVG в Angular, и я не уверен, как работает заполнение.

foo перекрывает и затемняет каждый круг, бар-нет. Мне кажется, что и то, и другое должно привести к одному и тому же результату.

???

https://stackblitz.com/edit/angular-ivy-dog597?file=src/app/app.component.ts

Комментарии:

1. Я подозреваю, что на ваш предыдущий вопрос на самом деле отвечает и этот ответ.

Ответ №1:

‘#’ 0xaaaaaa; сериализуется в #11184810, потому что значение 0xaaaaaa преобразуется в десятичное, вы можете увидеть это, если добавите что-то вроде console.log(‘#’ 0xaaaaaa);

затем браузер интерпретирует 11184810 как шестнадцатеричный rgba, т. е. красный = 11, зеленый = 18, синий = 48 и альфа = 10.

Я думаю, что на самом деле ты хочешь чего-то подобного, возможно…

 console.log('#'   0xaaaaaa.toString(16));