社区
JavaScript
帖子详情
js 如何找到图片的某一处内容的坐标
霉心霉肺
2019-05-13 09:53:18
问题描述: 有3张图片,图1当做背景图,图2,图3定位于图一的特定位置上,(分享图片定位于大图的微信分享上方10px)。
...全文
782
5
打赏
收藏
js 如何找到图片的某一处内容的坐标
问题描述: 有3张图片,图1当做背景图,图2,图3定位于图一的特定位置上,(分享图片定位于大图的微信分享上方10px)。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
HQChart
2019-05-23
打赏
举报
回复
把图片个个元素切成单个图片, 前端使用canvas把各个图合并起来, 在canvas画图片的时候 保存下图片的位置, 然后监听canvas的手势事件,判断下再手势点了哪个图片,如果要分享出去, 直接canvas导出一整张图片就可以了。
a_b_a_b_a_b_a_b
2019-05-14
打赏
举报
回复
只是显示的话可以使用相对定位,使图2 图3浮在图1上面,如果是微信分享的话需要合成一张图片分享。
tk_beautifulbird
2019-05-13
打赏
举报
回复
写个css,用绝对定位poison,在微调下距离就行了
追热
2019-05-13
打赏
举报
回复
我理解是直接用css定位就可以了吧,不知道有没有理解错。要获得坐标的话,比如offsetLeft,Top等可以获取。
天际的海浪
2019-05-13
打赏
举报
回复
背景图的div设置 position: relative; 图2,图3 放在这个div里,并设置 position: absolute; 就可以用 left 和 top 相对背景图来定位了。
Three
JS
视频教程
以下是课程目录 1-Three
JS
概览(基本图形简介,什么是点线面如何绘制点线面,什么是材质,什么是几何体,什么是相机,什么是渲染器,什么是场景) 2-相机和渲染器(详解相机类型,渲染器如何使用,针对不同场景怎么...
JS
如何模拟鼠标点击X,Y
坐标
现在我有个窗口
坐标
X,Y. 如何利用
JS
点击该
坐标
? document.body.onclick = function(){ e = arguments[0]; var dt = e.target,stag = dt.tagName.toLowerCase(); document.getElementById("out").innerHTML = s...
Auto.
Js
第三章:
坐标
、控件 - 模拟真人操作
教程基于Auto.
js
4.0.1版本 目标:模拟真人手势操作 对手机的操作存在几种方式: 点击 长按 滑动 按实体按键 后面的是衍生的,并不是主要操作。 5. 多击 6. 多手势 使用
坐标
完成手势操作 设置分辨率 setScreenMetrics(width, height) width <number> 屏幕宽度,单位像素 height <number> 屏幕高度,单位像素 设置脚本
坐标
点击所适合的屏幕宽高。如果脚本运行时,屏幕宽度不一致会自动放缩
坐标
。 设置分辨率可以让
世界
坐标
系前端分类
世界
坐标
系有哪些分类 世界
坐标
系是依据笛卡尔右手
坐标
系来确定图形中的各点位置,X轴为水平方向,Y轴为垂直方向,Z轴为垂直于XY平面的方向,远点O的
坐标
为(0,0,0)。世界
坐标
系是一个固定不变的
坐标
系,是默认的
坐标
系,可是,世界
坐标
系也是有分类的。那么,它有哪些分类呢? 1.直角
坐标
系 直角
坐标
系是由一个
坐标
为(0,0)的原点,由通过原点并且互相垂直的两个
坐标
轴X、Y轴为水平方向,向右为正方向;Y轴为垂直方向,向上为正方向。通过一组
坐标
值(X,Y)来定义某点的位置。 2 2.极
坐标
系 极
坐标
系是由一个极点和
从缩放后的图像的
坐标
获得原始图像对应的
坐标
从缩放的图像获得缩放率,用缩放率对缩放后的
坐标
进行映射,获得原始图像对应的
坐标
。 # coding: utf-8 import cv2 from PIL import Image import numpy as np def resize_im(im, scale, max_scale=None): f = float(scale) / min(im.shape[0], im...
JavaScript
87,915
社区成员
224,619
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章