Создание статического чертежа, размеры которого меняются в зависимости от предоставленных параметров

Question

Я хочу создать статический рисунок (скажем, любых животных, таких как жираф), используя некоторые точки, линии, рисунок и т. Д. Теперь я хочу обновить рисунок, передав параметры, скажем, высоту его ног, его ширину или его цвет.

Параметры предоставляются с веб-страницы.Изображение будет 2D-изображением

Я ищу, по какой технологии мне следует реализовать это более 10 часов, но не могу найти идеального решения.

Сейчас я думаю, что могу использовать AdobeВо Flash, в котором я могу выполнить программирование для создания чертежа и изменения чертежа, передав параметры в файл Flash, я думаю, что мы можем передать его, когда встраиваем FLV.

Прав ли я?Или есть другое решение.Я ничего не знаю, кроме asp.net

Пожалуйста, помогите.

Любая помощь приветствуется

Answer 1

Я хотел бы опираться на предыдущий пост - вы также можете включить графику SVG в микс. Это позволит вам контролировать цвет, ширину и высоту. Вы можете управлять файлами SVG с помощью JavaScript ( Dynamic SVG ). Вы, вероятно, получите это быстрее, чем изучение сценария действий.

Answer 2

Если вы просто хотите иметь возможность растягивать или перекрашивать части изображения, вы можете сделать это, используя обычные параметры HTML.Просто создайте изображение жирафа, разбейте его на куски, размер которых вы хотите изменить самостоятельно, и используйте компоновку CSS или таблицы.Вот художественный рендеринг:

___________________________
|image 1           V__  <<|
|head             |oo | <<| <--- delicious acacia leaves
|                 |  < <<<| 
---------------------------
|image 2          | |     |
|neck             |o|     |
|                 | |     | 
---------------------------
|image 3        /   |     |
|body   /------/    \     |
|       |            \    | 
---------------------------
|image 4| | | | | | | |   |
|legs   | | | | | | | |   |
|       \_/ \_/ \_/ \_/   | <--- I do not know what giraffe feet look like
---------------------------

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

___________________________
|image 1           V__  <<|
|head             |oo | <<|
|                 |  < <<<| 
---------------------------
|image 2          | |     |
---------------------------
|image 3        /   |     |
|body   /------/    \     |
|       |            \    | 
---------------------------
|image 4| | | | | | | |   |
|legs   | | | | | | | |   |
|       \_/ \_/ \_/ \_/   | 
---------------------------

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

Для обработки изменений цвета вы можете использовать прозрачность изображения.Каждое изображение будет белым, с прозрачной областью, представляющей жирафа.Затем вы должны установить цвет фона ячейки div или таблицы на цвет, который вы хотите, чтобы появился жираф.Опять же, это неуклюже, но оно позволит вам делать то, что вы хотите, без необходимости ничего, кроме статических изображений GIF / PNG и базового HTML.