Javascript генерирует прозрачный пиксель 1X1 в формате dataURL

Я хотел бы знать, как сгенерировать один пиксель в JavaScript, преобразовав его в base64. Идеальная функция была бы такой:

function createPixel(hexColor, opacity){
   //...Calculate
   return base64DataURL;
}

Я не очень хорошо разбираюсь в обработке изображений. Подойдет любой формат (png, gif и т. Д.). Я хотел бы использовать это для наложения фоновых изображений (да, я мог бы использовать rgba css3, но я пытаюсь разместить его с фоновым изображением только на одном элементе, поэтому я не накладываю элемент поверх другого для достижения эффекта) .

Заранее спасибо.

Изменить: я бы не хотел использовать холст, я уверен, что вы можете использовать холст для получения base64 dataURL, но я уверен, что это не так быстро, как манипуляции со строками. Также я не беспокоюсь о преобразовании изображения в base64, но больше заинтересован в создании изображения. Мне не нужен строгий порядок элементов. С другой стороны, я хочу минимизировать максимум ...

Мне нужна параллельная коллекция, которая не допускает дублирования (для использования в BlockingCollection в качестве производителя / потребителя). Мне не нужен строгий порядок элементов. С другой стороны, я хочу минимизировать максимальное время "жизни" элемента в коллекции. Т.е. коллекция не должна быть LIFO, в идеале она должна быть FIFO.

Я бы сказал, что мне нужен ConcurrentQueue без разрешенных дубликатов, но ConcurrentBag без дубликатов также может работать.

Почему C # не содержит ничего подобного это и, возможно, кто-то уже создал его?

Этот вопрос является результатом моего предыдущего вопроса Какой тип IProducerConsumerCollection использовать для моей задачи?