Use case

In #157755, an initial minimum viable product implementation of WebImage is added to Flutter. It supports some of the most commonly used Image properties, but not all of them. The missing properties are:

• color
• opacity
• colorBlendMode
• repeat
• centerSlice
• invertColors
• isAntiAlias
• filterQuality

These properties effect the rendering of the image. Since RawWebImage is supposed to be a drop-in replacement for RawImage, it should also support these properties.

Proposal

Extend RawWebImage to support the missing properties. Some of the properties are easier to implement than others.

• opacity, color and colorBlendMode could probably be implemented by simply wrapping the HTMLImageElement in the appropriate Opacity and ColorFiltered widgets and let the web engine handle setting the CSS properties on the platform view.
• centerSlice could maybe be implemented using the CSS border-image-slice property: https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-slice
• repeat could maybe be implemented using the background-repeat CSS property: https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat
• isAntiAlias and filterQuality could maybe be approximated with the image-rendering CSS property: https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering