社区
JavaScript
帖子详情
兼容获取图片的本地地址和图片实际高宽
40度纟
2015-06-02 02:22:50
用imageareaselect 插件做的图片剪裁,但是前台图片做过缩放,到后台剪裁时位置不对,所以要获取原图的高宽来算缩放比例,可是浏览器不能直接获取本地图片路径,也不能直接获取原图高宽,每个浏览器也不一样,求解决方法
...全文
173
3
打赏
收藏
兼容获取图片的本地地址和图片实际高宽
用imageareaselect 插件做的图片剪裁,但是前台图片做过缩放,到后台剪裁时位置不对,所以要获取原图的高宽来算缩放比例,可是浏览器不能直接获取本地图片路径,也不能直接获取原图高宽,每个浏览器也不一样,求解决方法
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
打字员
2015-06-05
打赏
举报
回复
把網頁上裁剪的圖片的寬高及剪切的區域坐標發給后臺程序, 后臺讀取原圖的尺寸,得到縮放比例,然后用這個比例去和剪切的區域坐標計算得到實際剪切坐標
hch126163
2015-06-05
打赏
举报
回复
var img = new Image(); img.onload=function(){alert(this.width+" "+this.height);}; img.src="https://www.baidu.com/img/bdlogo.png";
wxdawxq
2015-06-03
打赏
举报
回复
把原图上传到后台获取实际宽高,然后再根据缩放比算出其他的数据
html无法
获取
图片
高宽
,Javascript
获取
图片
原始宽度和高度的方法详解
本文详细介绍了如何在JavaScript中
获取
图片
的原始宽度和高度,包括使用`naturalWidth`和`naturalHeight`属性以及在IE7/8中的
兼容
性解决方案。通过这些方法,开发者可以准确
获取
到
图片
的真实尺寸,不受CSS样式影响。
在vue中
获取
input上传
图片
的宽和高
项目需求上传190px*192px的png
图片
,直接在files.input[0]里找不到
图片
高宽
。思路是
获取
上传的
图片
资源,用new Image()创建对象,将资源放入其中,待新建的image加载完即可拿到高和宽,未测试
兼容
性,谷歌可运行。
基于GeoTools的GIS专题图自适应边界及
高宽
等比例生成实践
本文探讨基于GeoTools实现GIS专题图自适应边界及
高宽
等比例生成的方法。指出传统方案存在无法自动读取数据Bounds、专题图
高宽
比例不协调的问题,介绍了直接读取矢量数据Bounds、专题图成果抗锯齿、专题成果
高宽
比例自动调节等优化措施,助力提升GIS专题图制作质量。
JS
获取
IMG
图片
高宽
本文探讨了多种
获取
HTML中IMG标签尺寸的方法,包括使用style、offset、client、getComputedStyle、currentStyle及HTML5新增的naturalWidth等,并分析了各自适用场景及浏览器
兼容
性。
解决IE和FF下改变img的src后,
获取
图片
高度和宽度问题
本文介绍如何在上传
图片
后,通过脚本自动
获取
图片
尺寸,并对其进行缩放以适应不同场景需求,同时
兼容
IE和Firefox浏览器。
JavaScript
87,987
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章