首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

获取图片的位置(距离顶部

点击这个按钮 获取图片的信息 正常来讲 这样的需求 先获取dom 再遍历dom 往里面塞按钮就可以了 但是,考虑到各型各色的网站限制和dom变化,这样就有很多问题, 所以就需要根据图片的当前位置(元素距离顶部的位置...包括滚动条),和左边的位置)来动态的添加这个按钮 因为是hover触发的 所以这个按钮只有一个 (这样的做法是参考阿里以图搜图的功能做的) ok 需求明白了之后 开始说怎么做 先说公式代码:( top: 图片距离顶部的高度...+滚动条的高度,left:图片距离左侧的高度) 1.滚动条的高度     // 获取 当前 滚动条的长度, 水平 && 垂直方向       function getScrollPosition() ... ||             document.body           ).scrollTop;         }         return { x, y };       } 2.图片距离上...、左的距离:(主要方法:dom.getBoundingClientRect)       // 获取 dom 到视口左侧和顶部的相对位置       function getDomToViewPosition

2K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    KL距离JS散度

    Kullback-Leibler Divergence KL距离,即Kullback-Leibler Divergence,也被成为信息熵(Relative Entropy)。...一般KL距离用来衡量同意事件中,两种概率分布的相似程度,这个值越小,则相似程度越高。 ? 计算的实例: 我们抛两枚硬币,真实的概率为A,但是我们只能通过观察得到B和C,如下所示。...需要注意的是,KL距离虽然叫做距离,但是并不是真正的距离,不符合距离的对称性和三角不等式。 2....Jensen-Shannon divergence JS散度是基于KL距离提出的改进,取值在0到1之间: ?...JS散度是对称的并且取值在0-1之间,另外,KL与JSD都存在一个问题,在很极端的情况下,KL值没有意义,JSD会趋于一个常数,这样在算法中梯度变为了0. 欢迎关注!

    3.1K20

    距离度量 —— 欧式距离(Euclidean Distance)

    一、概述 欧式距离,也称为 欧几里得距离,是我们从小学、初中、高中等等乃至现在都会用到的距离度量。...“两点之间线段最短” 大家都学过吧,这里只不过给换了一个高大上的英文名字,就是我们在小初高等试卷上计算距离的那个公式 二、计算公式 ① 二维平面上的欧式距离 假设 二维平面 内有两点: a(x_{1},...y_{1}) 与 b(x_{2},y_{2}) 则二维平面的距离公式为: d_{12}=\sqrt{(x_{1}-x_{2})^2+(y_{1}-y_{2})^2} 举个例子,就比如上图的 A(...+4+16}\\ &= 2\sqrt{5} \end{aligned} ③ n维空间上的欧式距离 假设 n维空间 内有两点: a(x_{11},x_{12},......,x_{2n}) 则n维空间的距离公式为: d_{12}=\sqrt{\sum_{k=1}^n(x_{1k}-x_{2k})^2} 同理,n 维空间也是,将对应的向量作以上运算即可。

    3.6K10

    距离度量 —— 曼哈顿距离(Manhattan Distance)

    想要计算两个建筑之间的距离,我们不能横穿某个建筑,需要拐弯抹角,经过一个个十字路口,才能到达我们想要去的地方。...曼哈顿距离,也正是这个原理,不能像 绿线(/) 一样,横穿建筑,而是需要和其它三条线一样, 穿过大街小巷。...二、计算公式 ① 二维平面上的曼哈顿距离 假设 二维平面 内有两点: a(x_{1},y_{1}) 与 b(x_{2},y_{2}) 则二维平面的曼哈顿距离公式为: d_{12}=|x_{1}-x_...&=4+3\\ &=7 \end{aligned} ② 三维空间上的曼哈顿距离 假设 三维空间 内有两点: a(x_{1},y_{1},z_{1}) 与 b(x_{2},y_{2},z_{2}) 则三维空间的距离公式为...,z_{2n}) 则n维空间的距离公式为: d_{12}=\sum_{k=1}^n|x_{1k}-x_{2k}|

    2K10

    js获取各种距离和宽高

    鼠标event事件 属性 说明 offsetX 以当前的元素的左上角为原点, 距离元素顶部距离 offsetY 以当前的元素的左上角为原点, 距离元素左侧的距离 clientX 以浏览器窗口(...视口)的左上角为原点, 距离视口顶部距离, 不随页面滚动而改变 clientY 以浏览器窗口(视口)的左上角为原点, 距离视口左侧距离, 不随页面滚动而改变 pageX 以整个页面的左上角为原点, 距离页面顶部距离..., 随页面滚动而改变 pageY 以整个页面的左上角为原点, 距离页面左侧的距离, 随页面滚动而改变 screenX 以计算机显示屏屏幕左上角为原点, 距离屏幕顶部距离 screenY 以计算机显示屏屏幕左上角为原点...'px', 为字符串类型) 距离 属性 说明 offsetTop/Left 元素距离最近的带有定位(fixed/relative/absolute)的父元素的顶部/左侧的距离 scrollTop/Left...此属性可以获取或者设置对象的最顶部到对象在当前窗口显示的范围内的顶边/左侧的距离,也就是元素滚动条被向下/向右拉动的距离

    23110

    距离度量 —— 汉明距离(Hamming Distance)

    一、概述 汉明距离(Hamming Distance),就是将一个字符串变成另一个字符串所需要的替换次数。...二、计算方式 举个例子, 1011101 与 1001001 的 汉明距离 为 2 式1 1 0 1 1 1 0 1 式2 1 0 0 1 0 0 1 只要将 式1 中标红的部分换一下即可。...2143896 与 2233786 的 汉明距离 为 3 式1 2 1 4 3 8 9 6 式2 2 2 3 3 7 9 6 只要将 式1 中标红的部分换一下即可。...三、汉明重量 汉明重量 就是字符串相对于相同长度的零字符串的汉明距离;也就是说,它是字符串中非零的元素个数:对于二进制字符串来说,就是 1 的个数,所以 11101 的汉明重量是 4。...因此,如果向量空间中的元素 a 和 b 之间的汉明距离等于它们汉明重量的差 a-b。

    1.5K10

    欧式距离、曼哈顿距离、切比雪夫距离三种距离的可视化展示

    在看空间统计相关的文档资料的时候,看到了几个有关距离丈量方法的术语词汇,诸如:欧式距离、曼哈顿距离、切比雪夫距离…… 老外习惯于使用名字来命名算法,可是对于门外汉们,是一种困惑,今天就整理下,一起温故知新...欧式距离(Euclidean Distance) 欧式距离是我们在直角坐标系中最常用的距离量算方法,例如小时候学的“两点之间的最短距离是连接两点的直线距离。”这就是典型的欧式距离量算方法。...曼哈顿距离(Manhattan Distance) 曼哈顿距离是与欧式距离不同的一种丈量方法,两点之间的距离不再是直线距离,而是投影到坐标轴的长度之和。 ? 还是看图吧,图比文字更显见。 ?...图中绿色的线为欧式距离的丈量长度,红色的线即为曼哈顿距离长度,蓝色和黄色的线是这两点间曼哈顿距离的等价长度。 想想我们下象棋的时候,车炮兵之类的,是不是要走曼哈顿距离?...切比雪夫距离(Chebyshev distance) 数学上,切比雪夫距离是将2个点之间的距离定义为其各坐标数值差的最大值。 ?

    17.4K31

    Wasserstein距离

    Wasserstein距离Wasserstein距离度量两个概率分布之间的距离,定义如下: Π...对于每一个可能的联合分布γ,可以从中采样(x,y)∼γ得到一个样本x和y,并计算出这对样本的距离||x−y||,所以可以计算该联合分布γ下,样本对距离的期望值E(x,y)∼γ[||x−y||]。...在所有可能的联合分布中能够对这个期望值取到的下界infγ∼Π(P1,P2)E(x,y)∼γ[||x−y||]就是Wasserstein距离。...而Wasserstein距离就是在最优路径规划下的最小消耗。所以Wesserstein距离又叫Earth-Mover距离。...Wessertein距离相比KL散度和JS散度的优势在于:即使两个分布的支撑集没有重叠或者重叠非常少,仍然能反映两个分布的远近。而JS散度在此情况下是常量,KL散度可能无意义。

    3.2K30

    各种距离

    欧几里得距离 给定空间中两个点 ;它们之间的欧几里得距离公式为: 即两个点之间的直线距离。本质是向量的 2-范数。 2....曼哈顿距离 给定空间中两个点 ;它们之间的曼哈顿距离公式为: 即两个点之间的水平距离绝对值加上垂直距离的绝对值。本质是向量的 1-范数。...切比雪夫距离 给定空间中两个点 ;它们之间的切比雪夫距离公式为: 即两点之间横纵坐标距离绝对值的最大值。本质是向量的 范数。...###【曼哈顿距离与切比雪夫距离比较】 如下图所示,矩形 是到原点曼哈顿距离为 2 的点的集合,矩形 是到原点切比雪夫距离为 2 的点的集合。 image.png 4....闵可夫斯基距离 给定空间中两个点 它们之间的闵可夫斯基距离公式为: 本质是向量的范数,ppp 取不同的值时对应不同的 范数。

    1.7K10

    距离度量 —— 切比雪夫距离(Chebyshev Distance)

    切比雪夫距离 (Chebyshev Distance) 研究的就是关于 “国王” 移动的问题,国王从一个格子 (x1,y1) 走到 另一个格子 (x2,y2) 最少需要的步数就是 切比雪夫距离 。...二、计算公式 ① 二维平面上的切比雪夫距离 二维平面上的切比雪夫距离就是国王移动问题,比如这里 “国王” 从 (f,3) 移动到 (c,5)。 最短的距离肯定要 斜 着走的距离最大。...所以,平面上两点 A(x_{1},y_{1}) 与 B({x_{2},y_{2}}) 的 切比雪夫距离 为: d_{AB}=max(|x_{1}-x_{2}|,|y_{1}-y_{2}|) 则上面国王的切比雪夫距离为...aligned} d &=max(|x_{1}-x_{2}|,|y_{1}-y_{2}|) \\ &=max(|6-3|,|3-5|)\\ &=3 \end{aligned} ② n维空间上的切比雪夫距离...,x_{2n}) 则n维空间的切比雪夫距离公式为: d_{AB}=max{|x_{1i}-x_{2i}|}

    1.2K10
    领券