javascript 图像的放大缩小

等待UFO

图像的放大缩小  看似简单  真的要编写放大，缩小的程序着实复杂
图像上面还有热点，鼠标点击还要有回应。  这些热点也要按照图像的放大，缩小相应的按比例变化其显示位置。
而且图像放大之后，显示区域里显示的只是一部分，所以还要可以用拖拽来移动。

费时2个星期，在公司里终于实现了  觉得应该保留这个逻辑，无奈公司里的代码无法拷贝出来，所以决定在家里重新翻写一下，也是自己的积累。。。

目前只做到显示背景图像， 显示热点的部分（如下面图）， 放大缩小逻辑从明天开始写。


关于思想，编写步骤我会在自己的blog里阶段性地发表 （http://jdr2009.blogspot.jp/ ） ， 如果小春里有感兴趣的朋友也可以在这里大家一起交流，共同进步。

当然了， 现在javascript有很多现成的代码可以从网上down下来直接用， 如果您是这样的“直接down”派的话就不要留言了。
我也是“直接down”派， 只不过有些式样根本就找不到现成的代码， 或者有现成的代码但是只是简单的一些功能， 无法完全匹配式样， 与其down一个
半成品，然后再学习他的代码再加自己的功能， 还不如自己写呢。。。  函数定义，变量定义，命名空间定义等等很多都是看不惯别人的代码的。

等待UFO

javascript不学不知道 其实是功能非常强大  
曾经几近消逝的编程语言，被google救活之后就发挥着其毕生的光辉阿。。。

只是，就是没有像C#之类的那么方便的控件库。。。  这个图形放大缩小，再加上图形上面的热点功能，如果是C#的话重叠2个控件加少量代码轻松解决
差距阿。。。

等待UFO

那个热点先用黑色显示  如果用鼠标点击就用红色显示，再在块儿上面显示热点的名称。
例子程序暂且就定这个式样。

其实在公司里，那个热点都是人， 点击的话显示人名和其他一些详细信息，而且那些人还会来回走动，所以那些个热点还要每5秒钟更新一下位置，是动态显示的。

kaku-fx

组个群唄我也做外汇的没有大波动我基本都是稳赢不赔，大波动一到我就瞎了，希望找个擅长风暴的

等待UFO

前个周末出去喝酒 耽误了这个进度。。。

放大缩小这一块儿完成， 下一步是放大图像以后的移动处理


放大


图像上面的小框框是一个热点区域  用鼠标点击就会被选中（红色显示）


缩小


图像FIT显示区域（图像按比例缩小，不会失真）

这里看样子也没有对这方面感兴趣的朋友啊

教程等移动处理完成之后再写了  会发布在我的blog里   这个帖子到此结束了。