raphael js，计算setViewBox宽度高度来修复窗口

Question

我的第一个宽度的div内容画布： 1300 ，高度= 500

然后我将div调整为宽度= 800 ，高度= 500

我将画布调整为宽度= 800 ，高度= 500 以修复窗口

但是画布中的某些元素是隐藏的（因为我的画布宽度现在是800px）

所以我使用setViewBox来缩放它以固定宽度我的新宽度，高度

结果：当我拖动它时鼠标没有用元素修复（我想我为setViewBox计算了错误的宽度 - 高度）

其他问题：拖动元素时，有没有办法让画布高度自动延伸？

感谢您的帮助：）

Answer 1

尝试此代码（您必须包含jquery + raphael js 2.x）：

var original_width = 777;
var original_height = 667;
var zoom_width = map_width*100/original_width/100;
var zoom_height = map_height*100/original_height/100;
if(zoom_width<=zoom_height)
   zoom = zoom_width;
else
   zoom = zoom_height;
rsr.setViewBox($("#"+map_name).offset().left, $("#"+map_name).offset().top, (map_width/zoom), (map_height/zoom));