Эффект увеличения выделенной области

@евгенийпро · Регистрация: 15.10.2015

Студворк — интернет-сервис помощи студентам

Всем привет. Имеется картинка ( допустим,500х500 пикселей). Мне нужно в этой картинке взять определенный участок(допустим, правый нижний угол) определенного размера(100х100 пикселей) и вывести его. Как можно организовать?

@Fedor92 · 23.05.2016, 23:11

евгенийпро, типа такого? (примеры в папке demos)

Вложение 695736

@евгенийпро · 23.05.2016, 23:20 **[ТС]**

Ага. Спасибо!

@mrtoxas · 23.05.2016, 23:44

Вот, если интересно, средствами css без js

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.wrapper{
  margin:20px;
  position:relative;
  width:100px;
  height:100px;
}
.container{
  height:100%; 
  width:100%;
  overflow:hidden;
  position:absolute;
  top:0;
  left:0;
}
img{
  position: absolute;
  right: 0; 
  bottom: 0;
}

HTML5
1
2
3
4
5
<div class="wrapper">
  <div class="container">
    <img src="https://www.web-savvy-marketing.com/wp-content/uploads/2013/09/CSS-Source-Code.jpg" alt="">
  </div>
</div>

http://codepen.io/mrtoxas/pen/aNeGXP

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

Эффект увеличения выделенной области

Решение

Решение

@евгенийпро 9 / 9 / 5 Регистрация: 15.10.2015 Сообщений: 383

	Эффект увеличения выделенной области 23.05.2016, 23:05. Показов 1293. Ответов 3 Метки нет (Все метки) Всем привет. Имеется картинка ( допустим,500х500 пикселей). Мне нужно в этой картинке взять определенный участок(допустим, правый нижний угол) определенного размера(100х100 пикселей) и вывести его. Как можно организовать? 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	23.05.2016, 23:11
	Сообщение было отмечено евгенийпро как решение Решение евгенийпро, типа такого? (примеры в папке demos) Вложение 695736 1

@евгенийпро 9 / 9 / 5 Регистрация: 15.10.2015 Сообщений: 383
	23.05.2016, 23:20 [ТС]
	Ага. Спасибо! 0