Линейный градиент SVG выглядит пиксельно [дубликат]
В sql-сервере нет поддержки массива, но есть несколько способов, с помощью которых вы можете передать коллекцию в сохраненный процесс.
- Используя datatable
- Используя XML.Try конвертирует вашу коллекцию в формате xml, а затем передает ее как вход в хранимую процедуру
. Ниже ссылка может помочь вам
6 ответов
Я знаю, что вам не понравится звук этого, но единственный реальный способ прямо сейчас, чтобы получить согласованную кросс-браузерную эстетику в этом случае, заключается в использовании повторяющегося изображения.
Если это простой линейный градиент, тогда вам нужно всего лишь 1px в ширину и выше градиента, затем сделайте цвет фона страницы окончательным цветом градиента, чтобы он работал плавно. Это уменьшит размер файла.
Если вы хотите уменьшить полосы градиента в своем изображении, используйте PNG (а не прозрачность), поскольку я считаю, что для этой цели они лучше подходят, чем JPG.
В Adobe Fireworks я экспортировал бы это как PNG-24.
Удачи.
http://codepen.io/anon/pen/JdEjWm
#gradient {
position: absolute;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(black), to(white));
background: -webkit-linear-gradient(top, black, white);
background: -moz-linear-gradient(top, black, white);
background: -ms-linear-gradient(top, black, white);
background: -o-linear-gradient(top, black, white);
background: linear-gradient(top, black, white);
}
Вы можете дать несколько лучшие результаты, сделав ваш градиент от первого цвета до прозрачного, а внизу - background-color для второго цвета. Я также рекомендую играть с background-size для больших градиентов, которые растягиваются по экрану, поэтому градиент фактически не заполняет весь экран.
-
1– Eugene Pankov 30 September 2016 в 22:25
-
2– SirExotic 2 July 2018 в 18:56
Я знаю, что эта проблема давно решена, но для других, которые испытывают переплетение и ищут решение, очень легкое решение для меня просто упростило цвета, которые я включил в свой градиент. Например:
Этот градиент создает полосу:
background-image: linear-gradient(-155deg, #202020 0%, #1D1D1D 20%,
#1A1A1A 40%, #171717 60%, #141414 80%, #101010 100%);
Этот градиент не работает и выглядит примерно так:
background-image: linear-gradient(-155deg, #202020 0%, #101010 100%);
Я сделал «scatter.png», чтобы поставить свой градиент. Например:
- Открыть gimp
- Изображение 100x100
- Добавить альфа-канал
- Фильтры -> Шум -> Hurl .. Принимать значения по умолчанию
- Установить opactity на 5%
- Сохранить, а затем добавить в градиент.
background: url('/img/scatter.png'), linear-gradient(50deg,#d00 0,#300 100%);
Это тонкий эффект на тонкий эффект.
На самом деле нет способа удалить полосу. Градиенты CSS находятся во власти различных движков рендеринга браузеров. Некоторые браузеры просто оказываются лучше других. Лучшее, что вы можете сделать, это короткие области для покрытия и большие диапазоны цветов, чтобы увеличить шаги градиента. Затем подождите, пока улучшится разметка браузера.
Для чистого ответа CSS вы можете использовать фильтр размытия, чтобы добавить размытие в градиент css и облегчить полосу. Это может означать некоторую перестройку иерархии, чтобы не размыть содержимое, и вам нужно скрыть переполнение, чтобы получить четкие края. Работает очень хорошо на анимационном фоне, где проблема с диапазоном может быть особенно тяжелой.
.blur{
overflow:hidden;
filter: blur(8px);
}