创建静态图形根据提供的参数更改尺寸

时间:2012-01-20 12:52:10

标签: asp.net flash flash-cs5

我想使用一些点,线,绘图等创建一个静态绘图(比如像长颈鹿这样的动物)。现在我想通过传递参数说明他的腿的高度,宽度或颜色来更新绘图。 / p>

参数由网页提供。图像将是2D图像

我正在寻找应该使用哪种技术超过10小时,但找不到任何完美的解决方案。

现在我想我可以使用Adobe flash,我可以通过将参数传递给Flash文件来创建绘图并更改绘图,我想我们可以在嵌入flv时传递它。 / p>

我是否正确?或者还有其他解决方案。我不知道除了asp.net之外的任何东西

请帮忙。

感谢任何帮助

2 个答案:

答案 0 :(得分:2)

我想在上一篇文章的基础上进行构建 - 您还可以将svg图形合并到其中。这将允许您控制颜色,宽度和高度。您可以使用javascript(Dynamic SVG)操作SVG文件。你可能会比学习动作脚本更快。

答案 1 :(得分:1)

如果您只想拉伸或重新着色图像的某些部分,可以使用普通的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。