Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   фон по диагонали (https://javascript.ru/forum/misc/14420-fon-po-diagonali.html)

Vulkan 16.01.2011 07:23

x-yuri, у меня первый твой градиент где-то за 0.5 секунды отлично отработался, а второй уменьшенный вообще моментально. (Opera 11, Windows Vista Ultimate).

x-yuri 16.01.2011 08:59

это хорошо, конечно. Только вот monolithed и Aetae от этого не легче...

Aetae 16.01.2011 18:24

Вложений: 1
По теме - вот пнг-шка 1024 на 5120, всего 15.6Кб.(можно и меньший размер получить)
<div style="width:1000px;height:2048px;background:0 -1300px url('http://ajitae.no-ip.org/bg.png')">d</div>


//Пришлось архивировать и делать ссылку вовне, ибо загружать можно не более 620х280.(что за бред кстати, на jpg вон лимита по разрешению нет)

Askhsiv_1 16.01.2011 19:32

DyadkaSashka,

объясни пожалуйста:
"повторяющийся от центра" - центра рабочей области браузера или документа

"фон должен быть резиновым по высоте" опять же уголки всегда статичны на экране и фон меняется и при изменении экрана браузера или они бэкграунд документа и фон меняется в зависимости от количество контента

и размер уголков определённый или берётся в отношении к чему-то

пардон за непонятливость. но кажется я знаю как реализовать такое при помощи GD (PHP) и AJAX (JS)

DyadkaSashka 17.01.2011 19:24

1. от центра браузера
2. бг и фон меняется в зависимости количества контента
3. Размера уголков нету. Есть определенный размер серой плашки.Уголки это основной бэкграунд

x-yuri 17.01.2011 21:13

если эта плашка одна и находится по середине клиентской области браузера, то как может влиять контент?

Askhsiv_1 18.01.2011 17:28

а я сделал!:)

как и говорил, Javascript + PHP + школьный курс геометрии за 8-ой класс

вот: прошу любоваться

работает без багов во всех браузерах

слева можно забить:
-высоту документа
-ширину серой полосы
-угол наклона (0-90)

вес генерируемой картинки даже при размере 1650х1000 не привышает 5 KB

JS код в исходнике по ссылке а PHP вот он:
<?
	$v = explode("|", substr($_GET['z'], 0, -1));
	echo $n = mt_rand();

	$h = opendir(".");
	while (false !== ($f = readdir($h)))
	{
		if (preg_match("/bg/", $f)) { unlink($f); }
	}
	closedir($h);

	$i = imagecreatetruecolor($_GET['w'], $_GET['h']);
	$c = imagecolorallocate($i, 255, 120, 0);
	$b = imagecolorallocate($i, 240, 240, 240);

	imagefilledrectangle($i, 0, 0, $_GET['w'], $_GET['h'], $c);
	imagefilledpolygon($i, $v, $_GET['p'], $b);
	imagegif($i, 'bg_'.$n.'.gif');
	imagedestroy($i);
?>


всем успехов:dance:

x-yuri 18.01.2011 18:14

сферический велосипед для сферической задачи в вакууме...


Часовой пояс GMT +3, время: 15:40.