Работа с графикой

@aristov-96 · Регистрация: 29.08.2010

Студворк — интернет-сервис помощи студентам

сколько читаю про js, пока ещё не встречал работу с графикой, видел только отображение изображений.
у меня в скрипте есть числовая переменная, надо пользуясь js нарисовать линию начальную току без разницы, конечная точка Y такой же, как у начальной, а X значение переменной(она часто меняется)
простите если я не туда попал или сложную задачу предложил, если очень сложнаня задача то хотя бы подскажи те ссылкой или про что искать надо, но надеюсь задача легка и кто-нибудь мне поможет.

@Hagrael · 30.11.2010, 18:08

aristov-96, создавать графику можно только в HTML5 появилась возможность создать свою графику с помощью тэга canvas.

@aristov-96 · 30.11.2010, 18:41 **[ТС]**

уж лучше тогда на флеше сделать

@Hagrael · 30.11.2010, 19:23

aristov-96, именно.

@Hurtsok · 01.12.2010, 08:59

такую ты линию хотел??
запусти скрипт...

HTML5
1
2
3
4
5
<table>
    <tr>
      <td id='1' style="width:50px; background:#3774A4 repeat-x;"></td>
    <tr>
  </table>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var get = function(){
 try{
   var id = document.getElementById('1');
   var width = id.style.width;
   width = parseInt(width);
   if(width <= 150){
   width = width + 10;
   width = width+"px";
   }
   id.style.width = width;
   setTimeout(get , 1000);
  }
 catch(e){
  alert(e);
 } 
} 
 setTimeout(get, 1000);

@Good-bad man · 01.12.2010, 10:06

Вот пример полоски жизней (вдруг вы делаете браузерку

):

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div style="background:url(linebw.png) repeat-x;width:100px;height:9px">
    <div style="background:url(line.png) repeat-x;height:9px;width:10px;" id="forchange"></div>
</div>
<script type="text/javascript">
    function change(){
        var elem = document.getElementById('forchange');
        var width = parseInt(elem.style.width);
        elem.style.width=++width+"px";
        if(width < 100){
            setTimeout(change,100);
        }else{
            alert('Полоска заполнилась');
        }
    }
    setTimeout(change,100);
</script>

@aristov-96 · 02.12.2010, 09:29 **[ТС]**

спасибо вам а то я уже флеш начал изучать)

Новые блоги и статьи Все статьи Все блоги /
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .

@aristov-96 12 / 12 / 0 Регистрация: 29.08.2010 Сообщений: 613

	Работа с графикой 30.11.2010, 17:18. Показов 2608. Ответов 6 Метки нет (Все метки) сколько читаю про js, пока ещё не встречал работу с графикой, видел только отображение изображений. у меня в скрипте есть числовая переменная, надо пользуясь js нарисовать линию начальную току без разницы, конечная точка Y такой же, как у начальной, а X значение переменной(она часто меняется) простите если я не туда попал или сложную задачу предложил, если очень сложнаня задача то хотя бы подскажи те ссылкой или про что искать надо, но надеюсь задача легка и кто-нибудь мне поможет. 0

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	30.11.2010, 18:08
	aristov-96, создавать графику можно только в HTML5 появилась возможность создать свою графику с помощью тэга canvas. 0

@aristov-96 12 / 12 / 0 Регистрация: 29.08.2010 Сообщений: 613
	30.11.2010, 18:41 [ТС]
	уж лучше тогда на флеше сделать 0

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	30.11.2010, 19:23
	aristov-96, именно. 0

@aristov-96 12 / 12 / 0 Регистрация: 29.08.2010 Сообщений: 613
	02.12.2010, 09:29 [ТС]
	спасибо вам а то я уже флеш начал изучать) 0