scripts/aspect-ratio-selector.js
/**
     * @param {number} width The width part of the ratio equation. This is relative to the height, not absolute.
     * @param {number} height The height part of the ratio equation. This is relative to the width, not absolute.
     * @param {string} label The illustration's label (e.g. "portrait", "landscape")
     * @return {string} The generated element as an HTML string
     */
@param {number} width The width part of the ratio equation. This is relative to the height, not absolute.
@param {number} height The height part of the ratio equation. This is relative to the width, not absolute.
@param {string} label The illustration's label
@return {string} The generated element as an HTML string
@param { number } width The width part of the ratio equation . This is relative to the height not absolute . @param { number } height The height part of the ratio equation . This is relative to the width not absolute . @param { string } label The illustration ' s label @return { string } The generated element as an HTML string
createRatioIllustration(width, height, label) {
      return html `
      <div class="aspect-ratio-modal-illustration-container">
        <div class="aspect-ratio-modal-illustration" style="padding-top: ${(height / width) * 100}%">
          <span class="aspect-ratio-modal-illustration-label">${label}</span>
        </div>
      </div>`;
    }
createRatioIllustration ( width , height , label ) { return html ` ${ ( height / width ) * 100 } ${ label } ` ; }
@param {number} width The width part of the ratio equation.
@param { number } width The width part of the ratio equation .