Каждый пиксель холста имеет четыре 8-битных байта информации о цвете, один для красного, один для зеленого, один для синего и один для непрозрачности. Значение байта непрозрачности 0 полностью прозрачно, а значение 255 соответствует полностью непрозрачному.
Все пиксели холста изначально прозрачны: буфер байтов для холста заполнен нулями.
Если хотите, чтобы волна была полупрозрачной, цвета, используемые для ее создания, должны иметь информацию о непрозрачности в их значении цвета . Цветные строки, отображаемые на ручке, не указывают никакого значения альфа-канала и по умолчанию полностью непрозрачны.
Пожалуйста, проверьте ссылку MDN, но я подозреваю, что наиболее надежная поддержка браузера будет для цветовых значений CSS в формате «rgba( red, geen, blue, alpha)
».
Можно создать любые n-мерные массивы, использующие точно формат, который Вы предлагаете в качестве в следующем образце:
<script>
var newArray = [
[0, 1, 2],
[3, 4, 5],
[6, 7, 8]
]
var newArray3d =
[[[ 0, 1, 2],[ 3, 4, 5],[ 6, 7, 8]],
[[10, 11, 12],[13, 14, 15],[16, 17, 18]],
[[20, 21, 22],[23, 24, 25],[26, 27, 28]]]
alert(newArray[0]);
alert(newArray[0][2]);
alert(newArray3d[0]);
alert(newArray3d[1][0]);
alert(newArray3d[1][0][2]);
</script>
Возврат окон предупреждений, в последовательности:
0,1,2
2
0,1,2,3,4,5,6,7,8
10,11,12
12
Да. Это хорошо работает:
<script>
var newArray = [
[0, 1, 2],
[3, 4, 5],
[6, 7, 8]
]
alert(newArray[0][2]);
</script>
Протестированный и работающий в FF3, Opera 9, IE6 и Chrome.