RGBA

Rout Gréng Blo Alpha

RGBA ass den Akronym fir Rout Gréng Blo Alpha.

Wat ass Rout Gréng Blo Alpha?

E Faarfmodell deen an der Computergrafik benotzt gëtt fir Faarwen a punkto dräi primäre Faarwen (rout, gréng a blo) ze beschreiwen (RGB), kombinéiert mat engem Alpha-Kanal deen Opazitéit duerstellt. Den Alpha-Wäert spezifizéiert d'Transparenz vun der Faarf: 0 ass voll transparent (onsichtbar), an 255 (oder 1 an e puer Kontexter wou den Alpha vun 0 op 1 definéiert ass) ass voll opak.

Hei sinn e puer Code Beispiller déi d'Benotzung vu RGBA a verschiddene Kontexter demonstréieren:

RGBA an HTML/CSS

In CSS, RGBA Faarwen kënne benotzt ginn fir Elementer ze styléieren. Den Alpha-Kanal gëtt op enger Skala vun 0 bis 1 definéiert, wou 0 komplett transparent ass an 1 komplett opak ass.

body {
  background-color: rgba(255, 99, 71, 0.5); /* Semi-transparent red */
}

.text-color {
  color: rgba(0, 0, 0, 0.8); /* Mostly opaque black */
}

RGBA an JavaScript

A JavaScript kënnt Dir RGBA Wäerter benotzen wann Dir mat Leinwand schafft oder dynamesch Stiler setzt.

// Setting canvas fill color with RGBA
const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');

ctx.fillStyle = 'rgba(255, 165, 0, 0.6)'; // Semi-transparent orange
ctx.fillRect(20, 20, 150, 100);

RGBA am Python mat Këssen

Am Python, benotzt d'Këssenbibliothéik fir Bildveraarbechtung, kënnt Dir Faarwen mat RGBA spezifizéieren wann Dir op Biller zeechnen.

from PIL import Image, ImageDraw

# Create a new image with RGBA (transparent background)
img = Image.new('RGBA', (200, 200), (255, 255, 255, 0))

draw = ImageDraw.Draw(img)
# Draw a semi-transparent rectangle
draw.rectangle([(50, 50), (150, 150)], fill=(255, 0, 0, 128))

img.show()

Jiddereng vun dësen Beispiller illustréiert wéi RGBA Wäerter an der Webentwécklung a Bildveraarbechtung kënne benotzt ginn fir Faarf an Opazitéit dynamesch ze kontrolléieren.

  • Ofkierzung: RGBA
Zréck erop zum Knäppchen
Zoumaachen

Adblock entdeckt

Martech Zone ass fäeg Iech dësen Inhalt ouni Käschten ze liwweren, well mir eise Site monetiséieren duerch Ad-Recetten, Partnerlinks a Sponsoren. Mir géifen appreciéieren wann Dir Är Annonce Blocker ewechzehuelen géif wéi Dir eise Site Vue.