社区
JavaScript
帖子详情
如何在JS中获取图片的像素?
jiaping108
2008-04-14 02:29:52
如何在JS中获取图片的像素?写个小例子即可
...全文
1804
4
打赏
收藏
如何在JS中获取图片的像素?
如何在JS中获取图片的像素?写个小例子即可
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
Mangafan
2008-04-14
打赏
举报
回复
我们用一个DEMO来显示一个我的想法:
先设一个不可见图层<br>
<div style="visibility:hidden">
<img id="imgCache" src="http://www.easyjf.com/blog/lengyu/extjs/image011.jpg">
</div>
再设一个用来显示图片的图层<br>
<div>
<div id="divInfo"></div>
<img id="imgShow" src="_bank">
</div>
<script type="text/javascript">
var oCache = document.getElementById("imgCache");
var oShow = document.getElementById("imgShow");
var oInfo = document.getElementById("divInfo");
var lRealWidth = 0;
var lRealHeight = 0;
oCache.onreadystatechange = function(){
oInfo.innerHTML += "imgCache.readyState = " + oCache.readyState + "<br />";
if (oCache.readyState == "complete"){
lRealWidth = oCache.width;
lRealHeight = oCache.height;
oCache.style.display = "none";
oInfo.innerHTML += "Real width: " + lRealWidth + "<br />Real height: " + lRealHeight;
oShow.width = lRealWidth / 2;
oShow.height = lRealHeight / 2;
oShow.src = oCache.src;
}
}
</script>
Mangafan
2008-04-14
打赏
举报
回复
LZ所谓象素是图片的实际高度和宽度吗?
如果是这样的话,你只有搞曲线救国了.
jiaping108
2008-04-14
打赏
举报
回复
楼上贴的什么东东?
举个例子
<td colspan="3" height=18><span style="font-size:15px;">
<img src="../../Images/PublicImg/Loading.gif" width="16" height="16" align="middle" id="msgid"></td>
那么,Loading.gif这个图片的像素怎么用JS取到?
xiaojing7
2008-04-14
打赏
举报
回复
<SCRIPT language= 'JavaScript '>
alert(table.clientWidth);
</SCRIPT>
JavaScript通过canvas
获取
图片
像素
点并导出到文件转为RGB
像素
值HTML标签
1.通过
JS
技术把
获取
已知
图片
的
像素
值 2.
获取
到
像素
值去除A通道干扰 3.把最终的
像素
值一维数组转换HTML文件格式并导出到文件 4.懂
JS
获取
文件内容的技术人员可以通过
JS
获取
导出的文件内容,赋值给HTML标签,这样
图片
就可以以HTML模式生成
图片
了,非base64地址和img标签,而是很多
像素
组成的
图片
js
获得canvas
中
指定
像素
点的颜色
插件描述:插件可以获得canvas
中
指定位置
像素
点的颜色,支持返回多种格式的颜色. 参考示例:http://www.jq22.com/jquery-info5319
JavaScript数据交互实战应用
Javascript数据交互是
JS
知识点的核心部分,可以稍微片面的说,不会
JS
数据交互,等于不会Javascript,可见学习这门课程的重要性。忠彬老师主讲的《
JS
数据交互实战应用》课程,既适合新学员掌握相关的知识,还有益于老
JS
er们查缺补漏,很值得学习!为什么要学Javascript数据交互课程?学了Javascript,却不会数据交互,就好像建筑师没了图纸,盖不起大楼来;Javascript数据交互是日常工作汇总,100%会用到的技能;相当一部分
JS
开发者,都会数据交互,但总是在关键时候“失灵”;学习
JS
数据交互,对提升薪资待遇有帮助。课程特点1. 理论知识与实战项目相结合;2. 疑问式教学,更适合新手学员;3. 讲师思路清晰,教学风格不失分风趣幽默;课程核心价值点 1、AJAX的前世今生。 2、AJAX交互的详细过程。 3、AJAX数据解析。 4、AJAX与常见API接口数据
获取
。 5、回调函数、ES6函数。 6、自定义Fetch API(Async&Await)库封装。 整个课程通过实际案例讲解、全方面了解项目开发
中
数据交互的实际应用。
javascript
获取
图像信息
javascript 上传
图片
的信息 上传大小,
像素
等
JavaScript
获取
图片
像素
颜色并转换为box-shadow显示
主要介绍了JavaScript
获取
图片
像素
颜色并转换为box-shadow显示的方法,用到了HTML5
中
的FileReader API和getImageData,转换为的CSS3 box-shadow也要注意浏览器的兼容问题,需要的朋友可以参考下
JavaScript
87,899
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章