Вопросы Теги

Покажите только центр видеопотока javascript и отправьте его, используя запрос по почте, без использования css [duplicate]

Простой ответ:

ArrayList не является общим

  • Это тип объекта, поэтому вы можете хранить в нем любой тип данных.
  • Вы можете сохранить любые значения (тип значения или ссылочный тип) такую ​​строку, int, employee и object в ArrayList. (Примечание и)
  • Бокс и Unboxing будут происходить.
  • Небезопасно.
  • Он старше.

Список является общим

  • Это тип типа, поэтому вы можете указать T во время выполнения.
  • Вы можете сохранить единственное значение типа T (строка или int или сотрудника или объекта) на основе декларации. (Примечание или)
  • Бокс и Unboxing не произойдет.
  • Тип safe.
  • Он новее.

Пример: 

ArrayList arrayList = new ArrayList();
List list = new List();

arrayList.Add(1);
arrayList.Add("String");
arrayList.Add(new object());


list.Add(1);
list.Add("String");                 // Compile-time Error
list.Add(new object());             // Compile-time Error

Пожалуйста, ознакомьтесь с официальным документом Microsoft: https://blogs.msdn.microsoft.com/kcwalina/2005/09/23/system-collections-vs-system- collection-generic-and-system-collections-objectmodel /

Примечание. Перед пониманием разницы вы должны знать общие характеристики: https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/generics/

4
задан Community 23 May 2017 в 12:15
поделиться

3 ответа

Обновить

Я обновил ответ, но я не уверен, что вы хотите, вы просто сказали, чего не хотели. Поэтому я предполагаю, что вы хотите:

  • Поддерживать соотношение сторон
  • Избегать обрезки
  • Нет черных полос, только край изображения к краю

Мы знаем, что это широкоформатный плакат с соотношением сторон 16: 9, поэтому, если вы хотите ширину 270 пикселей, сделайте следующее:

Разделите ширину на 16 

270/16 = 16.875

Возьмите этот фактор и умножьте его на 9 

16.875 * 9 = 151.875

Раунд вверх или вниз 

Round up to 152px

Измените высоту с результатом, затем примените object-fit:cover 

152px is the height of an image that's 270px wide and has an aspect ratio of 16:9.

Просмотрите Fiddle и обновленный сниппл

Изменить

Чтобы отразить обновление и лучшее понимание OP, этот фрагмент редактируется.

object-fit - это простое свойство CSS. См. Статью . Ниже приведен фрагмент ниже. Btw, единственный код, который вам нужен из этого фрагмента, - object-fit: cover, остальные стили и разметка предназначены только для презентации.

Snippet 

/* We know this is a widescreen poster with the aspect ratio of 16:9, so if you want a width of 270px, do the following:

    270/16 = 16.875
    16.875 * 9 = 151.875
    Round up to 152px
    
152px is the height of an image that's 270px wide and has an aspect ratio of 16:9 */
.bg1 {
  width: 270px;
  height: 152px;
  object-fit: cover;
  outline: 2px dashed blue;
}
.bg2 {
  width: 270px;
  height: 152px;
  object-fit: contain;
  outline: 2px dashed blue;
}
.bg3 {
  width: 270px;
  height: 152px;
  outline: 2px dashed blue;
}
aside {
  height: 100%;
  width: 40%;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}
figure {
  height: 180px;
  width: 270px;
  max-width: 50%;
}
.pointer {
  position: absolute;
}
.pointer b {
  font-size: 32px;
}
#a.pointer {
  top: 43%;
  left: 52%;
}
#b.pointer {
  bottom: 5%;
  left: 52%;
}
.box {
  width: 600px;
  height: 450px;
  position: relative;
}
.spacer {
  position: relative;
  padding: .1% 0;
  width: 2px;
}
code {
  font-family: Consolas;
  color: red;
}
<section class="box">
  <figure>
    <figcaption>object-fit: cover</figcaption>
    <img class="bg1" src="http://img.youtube.com/vi/MzMqjG9om18/hqdefault.jpg" />
  </figure>
  <!--<div class="pointer" id="a"><b>⬅</b>
    <br/>Space</div>-->
  <figure>
    <figcaption>object-fit: contain</figcaption>
    <img class="bg2" src="http://img.youtube.com/vi/MzMqjG9om18/hqdefault.jpg" />
  </figure>


  <figure>
    <figcaption>Without anything but the height property</figcaption>
    <img class="bg3" src="http://img.youtube.com/vi/MzMqjG9om18/hqdefault.jpg" />
  </figure>

  <aside>
    <p><code>object-fit: cover</code> will stretch an image to the edges of it's container (parent element) while keeping aspect ratio and cropping.</p>
    <p>But when given the correct dimensions, <code>object-fit: cover</code> will result in a perfect fit edge to edge. No cropping either.</p>
    <div class="spacer">&nbsp;</div>
    <p><code>object-fit: contain</code> will stretch an image to the edges of it's container while keeping aspect ratio but will not crop at the edges, so as you can see, this image has space left and right. At wider dimentions, the space will manifest below and above.</p>
  
    <div class="spacer">&nbsp;</div>
    <p>This is the image when set to it's aspect ratio at 270 x 152px and as you can see, without <code>object-fit:cover</code>, math alone will not resolve the problem.</p>
  </aside>
  <!--<div class="pointer" id="b"><b>⬅</b>
    <br/>Space</div>-->
</section>

3
ответ дан zer00ne 19 August 2018 в 16:42
поделиться

Вы можете просто закрепить изображение. Для получения дополнительной информации об отсечении вы можете перейти сюда: http://www.w3schools.com/cssref/pr_pos_clip.asp

Пример: 

img {
    position: absolute;
    clip: rect(0px,60px,200px,0px);
}
0
ответ дан Bojan 19 August 2018 в 16:42
поделиться

Я не знаю, если это то, что вы ищете, но оно немного похоже на то, что вы хотите сделать?

1-й img - высота 220px и ширина 270, а затем я img позади div с z-index 1 и i дал div переполнение скрытое, а вершина 180px после того, как я просто должен был дать img верхнему марку top -20px, чтобы поместить его в середину

, что это то, что только что появилось в моей голове, надеюсь, что это полезно 

.box{
  height:180px;
  overflow:hidden;
  z-index:2;
  
}
.test{
  z-index:1;
  margin-top: -20px;
}
<div>
<img src="https://unsplash.it/270/220?image=871" alt="" class="">
</div>

<hr/>

<div class="box">
<img src="https://unsplash.it/270/220?image=871" alt="" class="test">
</div>

.box{
  height:148px;
  overflow:hidden;
  z-index:2;
  
}
.test{
  z-index:1;
  margin-top: -57px;
  width :350px
}
.box1{
  height:125px;
  overflow:hidden;
  z-index:2;
  
}
.test2{
  z-index:1;
  margin-top: -50px;
  width :300px
}
<div>
<img src="https://i.ytimg.com/vi/WTq-PDsS318/hqdefault.jpg" alt="" class="te">
</div>

<div class="box">
<img src="https://i.ytimg.com/vi/WTq-PDsS318/hqdefault.jpg" alt="" class="test">
</div>
<div class="box1">
<img src="https://i.ytimg.com/vi/WTq-PDsS318/hqdefault.jpg" alt="" class="test2">
</div>

, если ваша ширина всегда исправлена, вы даете ширину изображению, а затем находите высоту строения, а затем у вас есть свой «контейнер», где вы можете поместить все изображения, которые хотите, если они всегда имеют одинаковые фиксированная ширина

0
ответ дан DanyCode 19 August 2018 в 16:42
поделиться
  • 1
    @Pranavadurai в этом случае вам всегда нужно знать высоту изображения и черное пространство – DanyCode 30 March 2016 в 20:09
  • 2
    это решение хорошо, но у меня есть фиксированная ширина, если я даю свою ширину, чтобы разрезать изображение на любое решение для этого? – Pranavadurai 30 March 2016 в 20:23
Другие вопросы по тегам:

Похожие вопросы: