JS点击图片位置后增加点位

相关js

var ProportionHeightInImg; //鼠标所选位置相对于所选图片高度的比例var ProportionWidthInImg;//鼠标所选位置相对于所选图片宽度的比例function createMarker(x, y, divName) {var div = document.createElement('div');div.className = 'marker';div.style.left = x + 'px';div.style.top = y + 'px';document.getElementById(divName).appendChild(div)}document.getElementById('dv').onclick = function(e) {e = e || window.event;var x = e.offsetX || e.layerX, y = e.offsetY || e.layerY;createMarker(x, y, 'dv');console.log(x, y, '11111111')addpoint(x, y)//获取图片的高度和宽度var myImg = document.querySelector("#imgs");var currWidth = myImg.clientWidth;var currHeight = myImg.clientHeight;console.log("图片高度：" + currHeight);console.log("图片宽度：" + currWidth);ProportionWidthInImg = x / currWidth;ProportionHeightInImg = y / currHeight;console.log("图片比例高度：" + ProportionHeightInImg);console.log("图片比例宽度：" + ProportionWidthInImg);}

JS点击图片位置后增加点位相关推荐

JS点击获取验证码后60秒内禁止重新获取（防刷新）
JS点击获取验证码后60秒内禁止重新获取(防刷新) 参考 · 阅读文章: JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效) 注意: 场景:在登录页点击发送啊验证码按钮,开始进入倒计时,在第3 ...
js点击图片查看大图，并可以拖动，且滚动滑轮放大缩小
方法一:此方法在页面没有滚动条时无法缩放 JQuery function hideMax(){$(".MAX_div").remove();$("#Cover_Div&q ...
h5 img js 点击图片放大_H5实现移动端图片预览：手势缩放，手势拖动，双击放大......
查看示例效果: 一.功能介绍图片预览主要有以下几个功能点组成:监听图片点击事件,进入图片预览模式自定义手势事件, (双指缩放,滑动,双击...) 监听图片手势事件,通过 transform-mat ...
js点击图片进行放大
最简单的一种方式就是在图片的外层包上a便签,当点击的时候,相当于是跳转了这个图片路径. <a target="_Blank" href = "'+res.tp1+' ...
html+js 点击图片放大、点击图片全屏
html 点击图片放大,图片全屏,再点击关闭全屏,我这里直接整理成一个js,使用方便. 使用步骤: 1.引用 jq 2.引用 imgEnlarge.js. 3.没了. 直接上代码,这个是测试代码. & ...
h5 img js 点击图片放大_网页对应图片点击放大 html+js
$(function() { $('img').click(function() { var _this = $(this);// 将当前的pimg元素作为_this传入函数 imgShow(&quo ...
h5 img js 点击图片放大_5分钟学会h5生成图片海报！
生成海报这个功能很实用,之前我们学过小程序生成海报的方法,今天我们来学h5生成海报. 基本原理:其实就是把你html+css写的样式转换成图片下载. 如何实现的首先我们需要引入下面两个js插件原理 ...
js点击图片实现验证码刷新操作
原理 :本质上是通过点击事件获取到验证码图片的URL 地址,实现自动刷新代码实现: <input type="text" id="codetext" p ...
JS点击创建按钮后的按钮事件
问题描述: 1: 如下,我有3 个按钮,当我点击 [编辑] 的时候, 2: 创建新的按钮出来.那新的按钮,比如, [确定],和 [取消修改]的 JS 监听事件,应该怎么写呢? 问题解决: 因为 [确定 ...
js点击图片变化成另一个图片
一开始用了一个方法: function change_pic26(){var button26 = document.getElementById("button26");//找到 ...

JS点击图片位置后增加点位

JS点击图片位置后增加点位相关推荐

最新文章

热门文章