blend()

別の画像からピクセルの領域をこの画像にコピーします。

最初のパラメータ srcImage は、ブレンドする p5.Image オブジェクトです。

次の4つのパラメータ sxsyswsh は、 ソース画像からブレンドする領域を決定します。(sx, sy) は領域の 左上隅です。swsh は領域の幅と高さです。

次の4つのパラメータ dxdydwdh は、 ブレンド先のキャンバスの領域を決定します。(dx, dy) は領域の 左上隅です。dwdh は領域の幅と高さです。

10番目のパラメータ blendMode は、画像の色をブレンドするために使用するエフェクトを 設定します。オプションには BLENDDARKESTLIGHTESTDIFFERENCEMULTIPLYEXCLUSIONSCREENREPLACEOVERLAYHARD_LIGHTSOFT_LIGHTDODGEBURNADD、または NORMAL があります。

実例

シンタックス

blend(srcImage, sx, sy, sw, sh, dx, dy, dw, dh, blendMode)
blend(sx, sy, sw, sh, dx, dy, dw, dh, blendMode)

パラメーター

srcImage
p5.Image:

ソース画像

sx
Integer:

ソースの左上隅のx座標。

sy
Integer:

ソースの左上隅のy座標。

sw
Integer:

ソース画像の幅。

sh
Integer:

ソース画像の高さ。

dx
Integer:

目的地の左上隅のx座標。

dy
Integer:

目的地の左上隅のy座標。

dw
Integer:

目的地の画像の幅。

dh
Integer:

目的地の画像の高さ。

blendMode
Constant:

ブレンドモード。BLEND、DARKEST、LIGHTEST、DIFFERENCE、 MULTIPLY、EXCLUSION、SCREEN、REPLACE、OVERLAY、HARD_LIGHT、 SOFT_LIGHT、DODGE、BURN、ADD、または NORMAL のいずれか。

利用可能なブレンドモード: normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity

http://blogs.adobe.com/webplatform/2013/01/28/blending-features-in-canvas/

Notice any errors or typos? Please let us know. Please feel free to edit src/image/p5.Image.js and open a pull request!

関連するリファレンス