[HTML & CSS General] CSS の object-fit プロパティを古いブラウザに対応させる objectFitPolyfill

JavaScript ポリフィル。
memo.

> * [constancecchen/object-fit-polyfill: A Javascript polyfill for browsers that don’t support the object-fit CSS property.](https://github.com/constancecchen/object-fit-polyfill)

## Installation

“`prettyprinted
% yarn add objectFitPolyfill
“`

利用している JavaScript ファイルにポリフィルをインポートします。

“`javascript:app.js
import “objectFitPolyfill”;
“`

## Usage

`img` タグの `data-*` 属性に設定を加える方式です。

## 補遺

他のポリフィル。

> * [bfred-it/object-fit-images: 🗻 Polyfill object-fit/object-position on : IE9, IE10, IE11, Edge, Safari, …](https://github.com/bfred-it/object-fit-images)

`object-fit` について。

> * [object-fit – CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/object-fit)
> * [object-fit](https://css-tricks.com/almanac/properties/o/object-fit/)
> * [1行追加でOK！CSSだけで画像をトリミングできる「object-fit」プロパティー | Webクリエイターボックス](https://www.webcreatorbox.com/tech/object-fit)