ImageObjectFitExtensions extension

Image widget 的 object-fit 和 object-position 扩展

on

Methods

objectBottom() Image

Available on Image, provided by the ImageObjectFitExtensions extension

objectBottomLeft() Image

Available on Image, provided by the ImageObjectFitExtensions extension

objectBottomRight() Image

Available on Image, provided by the ImageObjectFitExtensions extension

objectCenter() Image

Available on Image, provided by the ImageObjectFitExtensions extension

object-position 快捷方法
objectContain() Image

Available on Image, provided by the ImageObjectFitExtensions extension

object-fit-contain - 保持宽高比,完整显示图片
objectCover() Image

Available on Image, provided by the ImageObjectFitExtensions extension

object-fit-cover - 填充容器,保持宽高比,可能裁剪
objectFill() Image

Available on Image, provided by the ImageObjectFitExtensions extension

object-fit-fill - 拉伸填充容器,不保持宽高比
objectLeft() Image

Available on Image, provided by the ImageObjectFitExtensions extension

objectNone() Image

Available on Image, provided by the ImageObjectFitExtensions extension

object-fit-none - 不缩放,保持原始尺寸
objectPosition(AlignmentGeometry position) Image

Available on Image, provided by the ImageObjectFitExtensions extension

object-position - 设置图片位置
objectRight() Image

Available on Image, provided by the ImageObjectFitExtensions extension

objectScaleDown() Image

Available on Image, provided by the ImageObjectFitExtensions extension

object-fit-scale-down - 缩小以适应,但不放大
objectTop() Image

Available on Image, provided by the ImageObjectFitExtensions extension

objectTopLeft() Image

Available on Image, provided by the ImageObjectFitExtensions extension

objectTopRight() Image

Available on Image, provided by the ImageObjectFitExtensions extension