4
我有一些Raphael/SVG项目可能会超出边界。我想要的是能够自动缩放和居中SVG显示所有内容。缩放Raphael/SVG容器以适合所有内容
我有一个中心它适当的,我只是无法弄清楚如何获得缩放工作
编辑 这现在工作的一些部分的工作代码...但犯规居中对齐,并且需要填充..
var maxValues = { x: 0, y: 0 };
var minValues = { x: 0, y: 0 };
//Find max and min points
paper.forEach(function (el) {
var bbox = el.getBBox();
if (bbox.y < minValues.y) minValues.y = bbox.y;
if (bbox.y2 < minValues.y) minValues.y = bbox.y2;
if (bbox.y > maxValues.y) maxValues.y = bbox.y;
if (bbox.y2 > maxValues.y) maxValues.y = bbox.y2;
if (bbox.x < minValues.x) minValues.x = bbox.x;
if (bbox.x2 < minValues.x) minValues.x = bbox.x2;
if (bbox.x > maxValues.x) maxValues.x = bbox.x;
if (bbox.x2 > maxValues.x) maxValues.x = bbox.x2;
});
var w = maxValues.x - minValues.x;
var h = maxValues.y - minValues.y;
console.log(minValues,maxValues,w,h)
paper.setViewBox(minValues.x, minValues.y, w, h, false);
嘿..我不明白我可以如何使用此代码?你能否详细说明或建立一个jsFiddle?欢呼 – Chris
好的!我编辑了我的答案! – limoragni