如何获得BBox宽度&拉斐尔的一组物体的高度
How to get BBox width & height of a group of Raphael objects?
在Raphel.js中,如何获取BBox width&一组拉斐尔物体的高度?
例如,我在拉斐尔的论文中呈现了以下几个元素:
var paper = Raphael(10, 50, 320, 200);
var st = paper.set();
var c = paper.rect(40, 40, 50, 50, 10);
var e = paper.ellipse(50, 50, 40, 20);
var i = paper.image("apple.png", 10, 10, 80, 80);
var t = paper.text(50, 50, "Raphaël'nkicks'nbutt!");
...
st.push(c, e, i, t ...);
我尝试使用以下方法来获得一组元素的BBox宽度和高度:
var myBBox = st.getBBox();
var width = myBBox.width;
var height = myBBox.height;
console.log(width+','+height);
有时它有效,但有时我得到了高度的值Infinity。我想这是拉斐尔的错误。那么,如果我想获得画布(一组元素)的当前BBox大小,正确的方法是什么?
您可以手动执行。对于组中的每个元素:
-
获取
left
或x
坐标。获取最小值。var MinLeft
-
获取
right
坐标。它可以像left
+width
或x2
那样计算。获取最大值。var MaxRight
-
获取
top
或y
坐标。获取最小值。var MinTop
-
获取
bottom
坐标。它可以像top
+height
或y2
那样计算。获取最大值。var MaxBottom
-
结果:您组的
left
=MinLeft
;您组的top
=MinTop
;您组的height
=MaxBottom-MinTop
;您组的width
=MaxRight-MinLeft
相关文章:
- fluxxor向一个flux实例添加一组以上的操作
- 我们怎样才能将内含子J用于一组特定的元素
- 将“潜水高度”设置为“另一潜水高度”
- 使用linq.js按当前日期订购一组momentjs日期
- 正则表达式,从一组关键字中获取奇数
- 创建一组元素JointJS
- 如何在javascript中获取一组复选框值
- 一组(共组..)
- 使用JS将页面中的每个字母设置为随机颜色.为什么在页面的每个打开标记之前总是有一组额外的span标记
- 在一组复选框中,一次只允许选择一个
- 为什么在fabricjs中可选择的不适用于一组圆
- 如何在不刷新页面的情况下每次单击一组选项卡时刷新视图内容窗格
- 从一组具有相同起始和结束的所有段落的段落中提取包含特定字符串的段落
- 简单的Javascript文本编辑器或一组函数
- 基于日期范围的一组日期范围内的天数
- 处理对象数组并将它们以 4 个为一组进行分配
- 如何在 Javascript 中用一组字符拆分子字符串上的字符串
- 使一组对象与 jQuery 一起拖动
- 使用第 n 个类型设置一组八个元素的样式
- 如何获得BBox宽度&拉斐尔的一组物体的高度