我想使用一些点,线,绘图等创建一个静态绘图(比如像长颈鹿这样的动物)。现在我想通过传递参数说明他的腿的高度,宽度或颜色来更新绘图。 / p>
参数由网页提供。图像将是2D图像
我正在寻找应该使用哪种技术超过10小时,但找不到任何完美的解决方案。
现在我想我可以使用Adobe flash,我可以通过将参数传递给Flash文件来创建绘图并更改绘图,我想我们可以在嵌入flv时传递它。 / p>
我是否正确?或者还有其他解决方案。我不知道除了asp.net之外的任何东西
请帮忙。
感谢任何帮助
答案 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。