Высота и ширина урожая Ui - PullRequest
Новая
       12

Высота и ширина урожая Ui

0 голосов
/ 23 мая 2018

Я использую angualarjs.Я хочу обрезать изображение, поэтому я использовал библиотеку ui-cropper.

Далее:

https://codepen.io/Crackeraki/pen/zvWqJM

вот мой код: 

<div>Select an image file: <input type="file" id="fileInput" /></div>
    <div class="cropArea">
      <ui-cropper image="myImage" area-type="rectangle" aspect-ratio="1.7" result-image="myCroppedImage" result-image-size='{w: 340,h: 200}' init-max-area="true"></ui-cropper>
    </div>

    <div>Cropped Image:</div>
    <div><img ng-src="{{myCroppedImage}}" /></div>

Я хочу, чтобы область обрезки по умолчанию ширины (обрезка-ширина) была 100%, а высота (обрезка-высота) была 100px.

здесь я использую некоторые пропорции 1.7.Но я хочу, чтобы ширина области обрезки была 100% для любого изображения.

Мне нужно вот так:

enter image description here

Но, это произойдет, как показано ниже: (

enter image description here

Пожалуйста, подскажите, как мне этого добиться.

1 Ответ

0 голосов
/ 24 мая 2018
Выберите файл изображения: 
<div class="cropArea">
  <ui-cropper image="myImage" area-type="rectangle" aspect-ratio="0" result-image="myCroppedImage" result-image-size='{w: 340,h: 200}' init-max-area="true"></ui-cropper>
</div>

<div>Cropped Image:</div>
<div><img ng-src="{{myCroppedImage}}" /></div>

Вам необходимо изменить аспектное соотношение = "1,7" на аспектное соотношение = "0" , тогда для выбранного изображения будет выбран регион по умолчанию.

...