|
|
|
| Кто может скинуть код диаграммы как у винды.
Ну вот свойство жесткого диска. Вот такой кружок хочу. | |
|
|
|
|
|
|
|
для: TanTaL91
(05.12.2008 в 10:19)
| | В IE можно сделать это с помошью элемента управления Structured Graphics (CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6). В других браузерах он работать не будет, поэтому выход - использовать GD на стороне сервера. | |
|
|
|
|
|
|
|
для: sim5
(05.12.2008 в 10:37)
| | Нарисовать, конечно, можно кроссбраузерно и с помощью Javascript'a.
Например, полностью свободный диск рисуется так:
<html>
<head>
<script>
onload = function ()
{
var point = document.createElement ('div');
with (point.style)
{
position = 'absolute'; overflow = 'hidden';
backgroundColor = '#000000'; width = '1px'; height = '1px';
}
var cX = '00010101111111111111111111111111111 1111111111111111111'.split ('');
var cY = '01111111111011010100100100100010000 1000000010000000000'.split ('');
var start = X = Y = 100;
for (var j = 0; j < cX.length; j++)
{
X += cX [j] * 1; Y -= cY [j] * 1; var t = point.cloneNode (0);
with (t.style) {top = Y + 'px'; left = X + 'px'} document.body.appendChild (t);
}
for (var j = cX.length - 1; j >= 0; j--)
{
X += cX [j] * 1; Y += cY [j] * 1; var t = point.cloneNode (0);
with (t.style) {top = Y + 'px'; left = X + 'px'} document.body.appendChild (t);
}
for (var j = 0; j < cX.length; j++)
{
X -= cX [j] * 1; Y += cY [j] * 1; var t = point.cloneNode (0);
with (t.style) {top = Y + 'px'; left = X + 'px'} document.body.appendChild (t);
}
for (var j = cX.length - 1; j >= 0; j--)
{
X -= cX [j] * 1; Y -= cY [j] * 1; var t = point.cloneNode (0);
with (t.style) {top = Y + 'px'; left = X + 'px'} document.body.appendChild (t);
}
for (var j = 1; j < 9; j++)
{
var t = point.cloneNode (0);
with (t.style) {top = ++Y + 'px'; left = X + 'px'} document.body.appendChild (t);
}
for (var j = 0; j < cX.length; j++)
{
X += cX [j] * 1; Y += cY [j] * 1; var t = point.cloneNode (0);
with (t.style) {top = Y + 'px'; left = X + 'px'} document.body.appendChild (t);
}
for (var j = cX.length - 1; j >= 0; j--)
{
X += cX [j] * 1; Y -= cY [j] * 1; var t = point.cloneNode (0);
with (t.style) {top = Y + 'px'; left = X + 'px'} document.body.appendChild (t);
}
for (var j = 1; j < 9; j++)
{
var t = point.cloneNode (0);
with (t.style) {top = --Y + 'px'; left = X + 'px'} document.body.appendChild (t);
}
X = Y = start;
for (var j = 1; j < 50; j++)
{
var t = point.cloneNode (0);
with (t.style) {top = Y + 'px'; left = ++X + 'px'} document.body.appendChild (t);
}
}
</script>
</head>
<body>
</body>
</html>
| PS. Пробельные разрывы в строках var cX = и var cY =, которые сделал скрипт этого форума, следует удалить.
Только, действительно, зачем такие изыски? | |
|
|
|
|
|
|
|
для: PAT
(05.12.2008 в 12:28)
| | >зачем такие изыски?
Вот именно :) Единственно, что, если требуется сразу по вводу данных клиента диаграмму составить, тогда да. А так, лучшее средство это GD. | |
|
|
|
|
|
|
|
для: TanTaL91
(05.12.2008 в 10:19)
| | тег <canvas> рисует кружочки, прямые, кривые
говорили тут | |
|
|
|