Добрый Вечер !
Ув.Форумчане , не могли бы вы мне подсказать 

Есть всего два вопроса:

1.Возможно ли с помощью JS подключать файлы созданные на Delphi 

2.Не могли бы вы подсказать как и с помощью чего (возможно есть уже библиотеки) рисовать на JS  электрические схемы 

3.Если можно скинуть полное описание Canvas в JS

Заранее Большое Спасибо 
С Ув. fayzulakhan!

Это сообщение отредактировал(а) fayzulakhan - 15.5.2012, 23:22

Не очень понимаю, что такое "электрические схемы", но в любом случае рисование в JS осуществляется с помощью canvas`а. Посмотрите библиотеку Raphael.

M Aliance

Пожалуйста, один топик - один вопрос.

Если это код рисования в canvas, то можно легко перевести.


Или, как вы сказали с помощью canvas, или есть другой вариант:
имеется некий набор изображений (обязательно с прозрачным фоном) - условных обозначений элементов. Соответственно эти изображения можно размещать в каком-то поле (внутри div-элемента, например) по заданным координатам. Проводники можно рисовать так: бирётся изображение, состоящее из одной чёрной точки (минимум) и растягивается в длину или в ширину - получается горизонтальная или вертикальная линия любой длины.
Т.к. canvas во многих браузерах требует предварительного скачивания плагина и установки, то второй вариант можно попобовать реализовать...

Не могли бы подсказать как это можно реализовать , Заранее Большое Спасибо!

Это сообщение отредактировал(а) fayzulakhan - 16.5.2012, 16:41

Если какая-то строка программы на  Delphi рисует линию, то смотрим какая функция в js делает тоже самое, и используем ее. 
П.С. Какая задача всего этого?

Огромное Спасибо за Ваш Совет!, задача... построение электрической схемы... решение данной задачи было выполнено с помощью  Графической Библиотеки jCanvaScript

Я бы все-таки использовал бы Raphael.

Это сообщение отредактировал(а) Aliance - 18.5.2012, 15:52

Какой вопос:

Такой ответ

Только построение (рисование)? Или же, программа, в которой пользователь может создать схему и расчиать ее (запустить)?

Если нужно только вывести на экран, о вот: http://my-soft2008.narod.ru/paint/test.html (если появились черные квадраты вместо проводниклв - обновите страницу)

Ув. iff! 

Задача была выводить схему на страница ... данная задача была реализована на 100 % , но при ее написании возник такой вопрос ... Если же вам не будет трудно и вы сможете помочь в решении данного вопроса я буду вам безмерно благодарен .. собственно вопрос.

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

То есть : 

1. При изменении экрана вместо появляющихся бегунков должен изменятся контент 
2. При изменении экрана он не должен на лазить друг на дуга 
3. Если можно,не могли бы вы подсказать функцию, для вывода относительных координат

Заранее Премного Благодарен , с ув.fayzulakhan!

С помощью canvas (и библиотеки Raphael)?



Используйте свойства screen.width и screen.height - это размеры экрана, document.clientWidth и document.clienHeight - размеры рабочей области (последние 2 свойства не кроссбраузерные). может понадобиться событие onresize.



что такое изменение экрана?



Кто он?



Относительных, т.е. относиетльно чего? родительского элемента?
Не знаю как в канвас, но в обычном html так:

Здесь координаты картинки (10, 20) будут отсчитываться относительно координать элемента div.

Это сообщение отредактировал(а) iff - 20.5.2012, 12:57

Если интересны другие способы рисования, то вот: http://keith-wood.name/svg.html . Радуют детальная документация, примеры и т.д.

Это сообщение отредактировал(а) EnergyMarauder - 21.5.2012, 09:01

Всё тоже:

Насколько я знаю HTML 5 Canvas и SVG - это разные вещи, хотя могу ошибаться и не разбираюсь во внутренней работе jQuery SVG. Насколько я понял по недолгому знакомству с плагином, он переводит код, написанный на jQuery в чистый SVG и никакого HTML 5 Canvas'а там нет.

В любом случае нет разницы. Кому интересно, тот посмотрит, благо хорошая документация прилагается. Также на том же сайте очень много интересного по веб-разработке.

Ещё могу посоветовать интерпретатор языка Processing на JavaScript от великого и могучего Джона Резига: http://processingjs.org . Тоже впечатляет.

Это сообщение отредактировал(а) EnergyMarauder - 21.5.2012, 14:55

ещё раз. там написано:




Получить графический файл можно так, что-бы js отправлял на сервер код, а сервер в ответ изображение... 

Ну так выше шла речь об HTML 5 Canvas, который создаёт растровое изображение, а плагин создаёт SVG-код, т.е. векторное изображение, т.е. не то же самое. В английском языке есть такое нарицательное слово canvas помимо собственного слова Canvas. 

При чём тут сервер я вообще не понял. Ну да, можно изображение на сервере создавать, а ещё можно рисовать на планшете и на бумаге, вы правы.  Нет же никакого сервера, это JS плагин, который работает на стороне клиента.

Это сообщение отредактировал(а) EnergyMarauder - 21.5.2012, 20:39

Потому что напрямую JS не может создать ни JPG, ни BMP, не SVG графический файл.

Возможно, скрипт содержит структуру графического файла и создаёт этот файл на локальном диске... Хотя скорее всего, он просто посылает некую строку (с SVG-синтакисиом, как вы говорите) серверу, а сервер даёт графический файл.

Да нет же никакого сервера, куда он что посылает? Он создаёт SVG-код. SVG-код -- это, грубо говоря, то же самое, что XHTML код, т.е. подмножество XML. Когда JS создаёт XHTML-код он же никакому серверу ничего не посылает. Тут то же самое. Другими словами, этот плагин является SVG интерпретатором на JS, т.е. не то же самое, что HTML 5 Canvas.  Ну там же всё это можно увидить в примерах.