Градиентная заливка с помощью jQuery?

Question

У меня есть <div>, которому нужен градиентный фон. Тем не менее, размер div является переменным, что возвращает меня обратно к земле «не могу делать градиенты в CSS».

Тем не менее, я почти уверен, что это возможно в jQuery, я просто не могу найти достойного примера. У кого-нибудь есть что-то, что они могут указать мне?

Спасибо.

Answer 1

в случае, если это кому-то нужно, и если вы считаете, что плагин jQuery слишком тяжелый, вы можете использовать это

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A622', endColorstr='#00B726'); /* for IE */

background: -webkit-gradient(linear, left top, left bottom, from(#00A622), to(#00B726)); /* for webkit browsers */

background: -moz-linear-gradient(top,  #00A622, #00B726); /* for firefox 3.6+ */

Answer 2

Не Jquery, а предложение: вы можете создать свой градиент с помощью SVG: http://www.w3schools.com/svg/svg_grad_linear.asp

Answer 3

Хотя это , скорее всего, даст вам именно то, что вы хотите, похоже, существует довольно много потенциальных столкновений. Дайте ему шанс, хотя; в случае неудачи я рекомендую генерировать градиент на стороне сервера.

Answer 4

Плагин Background Canvas позволяет вам делать подобные вещи и многое другое.

Answer 5

Почему бы не вычислить градиент, который будет больше, чем div, и скрыть избыток в переполнении, чтобы при изменении размера отображалось остальное?

Answer 6

Абсолютно необходимо генерировать градиент, а не просто создавать его в вашей любимой графической программе? Может быть эффективнее экономить ресурсы, просто добавляя графические элементы.