svg - raphael js，计算 setViewBox 宽度高度以修复窗口

Question

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

然后我将 div 调整为 width = 800， height = 500

我将画布的大小调整为 width = 800， height = 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));