CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSS3を使用した画像の明るさの設定

CSSで画像の明るさを設定するには、フィルターの明るさ（％）を使用します。値0は画像を黒くし、100％は元の画像とデフォルトを意味することを忘れないでください。残りは、任意の値を設定できますが、100％を超える値を設定すると、画像が明るくなります。

例

例を見てみましょう-

<!DOCTYPE html>
<html>
<head>
<style>
img.demo {
   filter: brightness(120%);
}
</style>
</head>
<body>
<h1>Learn MySQL</h1>
<img src="https://www.tutorialspoint.com/mysql/images/mysql-mini-logo.jpg" alt="MySQL" width="160" height="150">
<h1>Learn MySQL</h1>
<p>Below image is brighter than the original image above.</p>
<img class="demo" src="https://www.tutorialspoint.com/mysql/images/mysql-mini-logo.jpg" alt="MySQL" width="160" height="150">
</body>
</html>

出力

CSS3を使用した画像の明るさの設定


  1. Java OpenCVライブラリを使用して画像の明るさを変更するにはどうすればよいですか？

    convertTo（） org.opencv.core.Matのメソッド クラスは、画像のコントラストと明るさを変更するために、指定された行列に対して必要な計算を実行します。このメソッドは4つのパラメーターを受け入れます- マット −ソース行列と同じサイズとタイプの結果を保持するための空行列。 rtype −出力マトリックスのタイプを指定する整数値。この値が負の場合、タイプはソースと同じになります。 アルファ −ゲイン値。0より大きくなければなりません（デフォルト値1）。 ベータ −バイアス値（デフォルト値0）。 OpenCVJavaライブラリを使用して画像の

  2. Pillowライブラリを使用して画像をトリミングする

    このプログラムでは、Pillowライブラリを使用して画像をトリミングします。同じためにcrop（）関数を使用します。この関数は、画像をトリミングするために、左、上、右、下のピクセル座標を取ります。 元の画像 アルゴリズム Step 1: Import Image from Pillow. Step 2: Read the image. Step 3: Crop the image using the crop function. Step 4: Display the output. サンプルコード from PIL import Image im = Image.open('