@Preview_mdpi
@Composable
fun ImagePanelPreview() {
    Box(
        modifier = Modifier.size(320.dp, 240.dp),
        contentAlignment = Alignment.Center
    ) {
        Image(
            painter = painterResource(R.drawable.leaf1),
            contentDescription = "新緑の季節",
        )
    }
}

fun Image(
    painter: Painter,
    contentDescription: String?,
    modifier: Modifier = Modifier,
    alignment: Alignment = Alignment.Center,
    contentScale: ContentScale = ContentScale.Fit,
    alpha: Float = DefaultAlpha,
    colorFilter: ColorFilter? = null
) { ... }

@Composable
fun Image(
    painter: Painter,
    contentDescription: String?,
    modifier: Modifier = Modifier,
    alignment: Alignment = Alignment.Center,
    contentScale: ContentScale = ContentScale.Fit,
    alpha: Float = DefaultAlpha,
    colorFilter: ColorFilter? = null
) {
    val semantics = if (contentDescription != null) {
        Modifier.semantics {
            this.contentDescription = contentDescription
            this.role = Role.Image
        }
    } else {
        Modifier
    }

    // Explicitly use a simple Layout implementation here as Spacer squashes any non fixed
    // constraint with zero
    Layout(
        {},
        modifier.then(semantics).clipToBounds().paint(
            painter,
            alignment = alignment,
            contentScale = contentScale,
            alpha = alpha,
            colorFilter = colorFilter
        )
    ) { _, constraints ->
        layout(constraints.minWidth, constraints.minHeight) {}
    }
}

@Preview_mdpi
@Composable
fun SizeXXX() {
    Box(modifier = Modifier.size(320.dp, 240.dp)) {     // DrawArea:320x240
        Image(
            painter = painterResource(R.drawable.bike), // OriginSize:280x210
            contentDescription = null,
            modifier = Modifier.size(320.dp, 240.dp) // ZoomIn  DispSize:320x240
//          modifier = Modifier                      // 1on1    DispSize:280x210
//          modifier = Modifier.size(240.dp, 180.dp) // ZoomOut DispSize:240x180
        )
    }
}

@Preview_mdpi
@Composable
fun AlignmentXXX() {
    Box(modifier = Modifier.size(200.dp, 150.dp)) {     // DrawArea:200x150
        Image(
            painter = painterResource(R.drawable.bike), // DispSize:280x210
            contentDescription = null,
            contentScale = ContentScale.None,			// スケーリング無し
            alignment = Alignment.TopStart
//            alignment = Alignment.TopCenter
//            alignment = Alignment.TopEnd
//            alignment = Alignment.CenterStart
//            alignment = Alignment.Center
//            alignment = Alignment.CenterEnd
//            alignment = Alignment.BottomStart
//            alignment = Alignment.BottomCenter
//            alignment = Alignment.BottomEnd
        )
    }
}

@Preview_mdpi
@Composable
fun ContentScaleTestPreview() {
    Box(modifier = Modifier.size(320.dp, 240.dp)) {     // DrawArea:320x240
//    Box(modifier = Modifier.size(240.dp, 120.dp)) {   // DrawArea:240x120
//    Box(modifier = Modifier.size(140.dp, 170.dp)) {   // DrawArea:140x170
//    Box(modifier = Modifier.size(160.dp, 240.dp)) {   // DrawArea:160x240
//    Box(modifier = Modifier.size(320.dp, 120.dp)) {   // DrawArea:320x120
        Image(
            painter = painterResource(R.drawable.bike), // DispSize:280x210
            contentDescription = null,
            contentScale = ContentScale.Crop
//            contentScale = ContentScale.Fit
//            contentScale = ContentScale.FillHeight
//            contentScale = ContentScale.FillWidth
//            contentScale = ContentScale.Inside
//            contentScale = ContentScale.None
//            contentScale = ContentScale.FillBounds
        )
    }
}

@Immutable
class ColorFilter internal constructor(internal val nativeColorFilter: NativeColorFilter) {
    companion object {
        ...
        @Stable
        fun tint(color: Color, blendMode: BlendMode = BlendMode.SrcIn): ColorFilter =
            actualTintColorFilter(color, blendMode)
        ...
    }
}

@Preview_mdpi
@Composable
fun FilterTint_Overlay() {
    Box {
        Image(
            painter = painterResource(R.drawable.bike),
            contentDescription = null,
//            colorFilter = ColorFilter.tint(Color.Red, BlendMode.Overlay)
//            colorFilter = ColorFilter.tint(Color.Green, BlendMode.Overlay)
            colorFilter = ColorFilter.tint(Color.Blue, BlendMode.Overlay)
        )
    }
}

@Preview_mdpi
@Composable
fun FilterTint_SrcIn() {
    Box {
        Image(
            painter = painterResource(R.drawable.baseline_sentiment_satisfied),
            contentDescription = null,
//            colorFilter = ColorFilter.tint(Color.Cyan, BlendMode.SrcIn)
            colorFilter = ColorFilter.tint(Color.Magenta, BlendMode.SrcIn)
        )
    }
}

@Immutable
class ColorFilter internal constructor(internal val nativeColorFilter: NativeColorFilter) {
    companion object {
        ...
        @Stable
        fun colorMatrix(colorMatrix: ColorMatrix): ColorFilter =
            actualColorMatrixColorFilter(colorMatrix)
        ...
    }
}

@Preview_mdpi
@Composable
fun FilterColorMatrix_Nega() {
    Box {
       val _matrix = ColorMatrix(floatArrayOf(
            -1.0f,  0.0f,  0.0f,  0.0f,  255.0f,
             0.0f, -1.0f,  0.0f,  0.0f,  255.0f,
             0.0f,  0.0f, -1.0f,  0.0f,  255.0f,
             0.0f,  0.0f,  0.0f,  1.0f,    0.0f
        ))
        Image(
            painter = painterResource(R.drawable.bike),
            contentDescription = null,
            colorFilter = ColorFilter.colorMatrix(_matrix)
        )
    }
}

@Preview_mdpi
@Composable
fun FilterColorMatrix_Mono() {
    Box {
        val _matrix = ColorMatrix().apply { setToSaturation(0f) }
        Image(
            painter = painterResource(R.drawable.bike),
            contentDescription = null,
            colorFilter = ColorFilter.colorMatrix(_matrix)
        )
    }
}

@Immutable
class ColorFilter internal constructor(internal val nativeColorFilter: NativeColorFilter) {
    companion object {
        ...
        @Stable
        fun lighting(multiply: Color, add: Color): ColorFilter =
            actualLightingColorFilter(multiply, add)
        ...
    }
}

@Preview_mdpi
@Composable
fun FilterLighting_Mul() {
    Box(modifier = Modifier.background(Color.Cyan)) {
        val _multiply = Color(128, 128, 128, 255)
        val _add = Color(0, 0, 0, 255)
        Image(
            painter = painterResource(R.drawable.bike),
            contentDescription = null,
            colorFilter = ColorFilter.lighting(_multiply, _add)
        )
    }
}

@Preview_mdpi
@Composable
fun FilterLighting_Add() {
    Box(modifier = Modifier.background(Color.Cyan)) {
        val _multiply = Color(255, 255, 255, 255)
        val _add = Color(128, 128, 128, 255)
        Image(
            painter = painterResource(R.drawable.bike),
            contentDescription = null,
            colorFilter = ColorFilter.lighting(_multiply, _add)
        )
    }
}