2016-08-11 2 views
0

Я не уверен, что это возможно, но мне было интересно, есть ли способ расширить или проанализировать левую и правую стороны цвета изображения и расширить до полной ширины контейнера, сохраняя при этом размер изображения неповрежденным. Я не ищу растяжки или крышки.Увеличьте цвет влево и вправо, чтобы заполнить всю ширину контейнера

Левая и правая стороны всегда будут одного цвета, но этот цвет будет динамическим в зависимости от изображения. Цвет никогда не определен явно в CSS, так есть ли способ растянуть только боковые пиксели? Если это возможно, может ли быть представлен пример?

спасибо.

Example

+1

Я думаю, что единственный путь к этой стороне клиента будет использование 'canvas'. Оформить заказ [this SO post] (http://stackoverflow.com/questions/6735470/get-pixel-color-from-canvas-on-mouseover), который задает аналогичный вопрос. Вам просто нужно это на загрузку страницы, а не на мыши, но идея должна быть одинаковой. – zgood

+0

Спасибо zgood, я проверил его, но для этого требуется немалая реализация. Может быть, в свободное время я создам его с нуля. – Bryan

ответ

0

Найден более простой способ с использованием адаптивных фоновых модулей/модулей.

Использование JQuery

Использование Javascript

Использование Angular

Смежные вопросы