`

JS取X和Y轴

 
阅读更多

取画面的控件的绝对X,Y坐标.


调用:point.Y.call(this,document.getElementById("ID"));

function point_JS() {
this.X = function(obj) {
var curleft = 0;

if (obj.offsetParent) {
   while (obj.offsetParent) {
    curleft += obj.offsetLeft;
   obj = obj.offsetParent;
   }
} else if (obj.x) curleft += obj.x;
return curleft;
};
this.Y = function(obj) {
var curtop = 0;
if (obj.offsetParent) {
   while (obj.offsetParent) {

    curtop += obj.offsetTop;
    obj = obj.offsetParent;
   }
} else if (obj.y) curtop += obj.y;
return curtop;
};
}
var point = new point_JS();
分享到:
评论

相关推荐

    Echarts时间轴的刻度优化和自适应

    Echarts是一款广泛应用于数据可视化的JavaScript库,尤其在制作各种图表如折线图、柱状图...通过对这些文件的研究和实践,开发者可以更深入地理解如何结合d3.js优化Echarts的时间轴刻度,提升图表的可读性和用户体验。

    echarts统计x轴区间的数值实例代码详解

    有时我们需要统计自定义echarts图,统计x轴区间的y轴数量。 思路是利用echarts的自定义配置:option.series[i].type='custom'中的renderItem(params, api)函数进行处理,这里包括了两个参数:params是对应每一个data...

    打气球小游戏-面向对象.zip

    初始化设置 :初始化 x,y→ x,y轴 x轴clientWidth取随机 y轴clientHeight div创建加类上树 设置初始的left top 值 设置气球背景图位置 变换不同的气球 初始 type 随机的 0-11 气球向上运动 气球进行数组管理 ...

    绘制曲线y=Sin(x)

    // 绘制y轴 ctx.moveTo(canvas.width/2, 0); ctx.lineTo(canvas.width/2, canvas.height); ctx.stroke(); ``` 4. **绘制正弦曲线**:绘制正弦曲线需要用到数学知识,尤其是三角函数。我们需要遍历x轴上的每个点,...

    raphaelJS制作图表、饼图、柱状图、曲线图

    - 标签和标题:添加X轴和Y轴的标签,以及图表的标题。 - 交互元素:可选地,可以添加鼠标悬停效果,显示数据值或者高亮当前选中的柱子。 3. **曲线图**:曲线图适用于显示数据随时间的变化趋势。在Raphaël中实现...

    js制作的3D效果 js制作的3D效果 js制作的3D效果

    坐标系统包括三个轴:X轴、Y轴和Z轴,它们共同构成了3D空间。每个顶点都有对应的XYZ坐标,通过改变这些坐标可以实现旋转、平移和缩放等操作。 三、材质与光照 3D对象的外观取决于其材质和光照。材质定义了物体表面...

    js取整数、取余数的方法

    ### JavaScript取整数和取余数的方法 在JavaScript中,取整数和取余数是进行数字处理时常见的操作。本文将详细介绍JavaScript中用于取整数和取余数的方法,并通过示例帮助读者更好地理解这些功能。 #### 一、取...

    JS做的转动的球

    这个计算过程涉及到坐标转换,可能包括了归一化处理,将鼠标坐标映射到一个0到1的范围内,然后根据这个比例确定球体在X轴和Y轴上的旋转角度。角度的计算可能涉及到三角函数,如正弦和余弦。 此外,项目中提到“位置...

    函数画图效果.rar函数画图效果.rar

    1. **轴标签**:为图表添加轴标签有助于解释X轴和Y轴代表的含义,例如,"时间(s)"和"距离(m)"。 2. **网格线**:添加网格线可以帮助读者更容易地定位和比较数据点。 3. **图例**:如果图中有多个曲线,应添加图例...

    JavaScript不同坐标系地图切换

    在墨卡托投影中,经度和纬度被转换为x和y坐标。 **坐标系转换** 的过程涉及数学公式和算法。在JavaScript中,可以使用以下方法实现WGS1984到墨卡托投影的转换: 1. **计算墨卡托坐标**: - 经度λ(lambda)转换...

    获取屏幕坐标,便于坐标转换学习

    屏幕坐标通常是一个二维系统,其中X轴和Y轴定义了显示器上的位置。在这个坐标系统中,原点(0,0)通常位于屏幕的左上角,X轴正方向向右,Y轴正方向向下。 当你需要进行坐标转换时,比如从地理坐标(经纬度)转换到...

    jCube只需添加一行js脚本就可以创建出一个可以拖动旋转的3d立方体

    y: 0, // 初始Y轴旋转角度 z: 0 // 初始Z轴旋转角度 } }); ``` 此外,jCube的API还允许你监听和响应用户交互事件,比如拖动开始、拖动中和拖动结束,以实现更复杂的交互逻辑。 ### 4. 兼容性和性能优化 由于j...

    柱状图and线形图

    4. 多轴支持:除了标准的X轴和Y轴,Highcharts还可以添加额外的轴,以适应多维度的数据展示。 5. 分组和堆叠:在柱状图中,数据可以按组分组,或者以堆叠的方式展示,以便于比较总体和各个部分的关系。 6. 高级功能...

    获取点击的颜色

    2. **获取点击位置**:当鼠标点击事件发生时,系统会提供事件对象,其中包含了鼠标点击的坐标信息,包括X和Y轴的像素位置。 3. **屏幕抓图**:为了获取点击位置的颜色,我们需要截取屏幕的一部分,即点击的像素所在...

    swf图形报表,有中文参数说明

    功能特性 animation 是否动画显示数据,默认为1(True) showNames 是否显示横向坐标轴(x轴)标签名称 ...link 链接(本窗口打开[Url],新窗口打开[n-Url],调用JS函数[JavaScript:函数]) name 横向坐标轴标签名称

    FusionCharts-v3.1-crack

    功能特性 animation是否动画显示数据,默认为1(True) showNames是否显示横向坐标轴(x轴)标签名称 ...link链接(本窗口打开[Url],新窗口打开[n-Url],调用JS函数[JavaScript:函数]) name横向坐标轴标签名称

    JS/HTML5游戏常用算法之追踪算法实例详解

    物体A的运动可以分解为X轴和Y轴上的运动,其速度在X轴方向为vx,在Y轴方向为vy。同理,物体B的速度也可以分解为vx1和vy1。如果物体A要追踪物体B,那么物体A在X轴上的移动速度vx应当根据物体B相对于物体A的位置进行...

    FushionCharts使用文档.pdf

    数据格式应当符合FusionCharts的要求,例如,对于有图例的曲线图,每个数据对象应包含图例(X轴标签)和其他Y轴值。 在`getYouSePuKLineView`方法中,创建`FusionChartUtil`和`Chart`对象,设置图例位置等属性,...

    amcharts 3D柱状图解说

    数据源可以是JSON对象或数组,每个元素代表一个柱子,包含X轴、Y轴值和可能的其他属性。 3. **设置图表配置**:创建一个配置对象,指定图表类型('serial')、主题、数据列、3D效果(如`depth`、`angle`等)、颜色...

Global site tag (gtag.js) - Google Analytics