javascript创建图像的一些问题

a421654151 2012-07-31 11:47:44
我用Javascript创建了一些Img标签,成功显示出来后要按比例调整他们大小,在网上参考(好吧直接复制的)了一个函数(ScaleImg),这个函数要三个参数(图像,宽度,高度),可是我用代码创建的Img标签只有src这个属性,那个函数没办法获得图像的原始宽度,高度。该怎么获取呢?或者提供别的思路,感激不尽。


var sum=7;


window.onload=function(){
for (var i=1;i<sum;i++){
var img=new Image();
img.src=i+".jpg";
document.getElementById("view").appendChild(img);
ScaleImg(img,200,200);

}
}
function ScaleImg(Img,ScaleWidth,ScaleHeight){
var image = new Image();
image.src = Img.src;

if(image.width > 0 && image.height > 0){
if(image.width / image.height >= ScaleWidth / ScaleHeight){
if(image.width > ScaleWidth){
Img.width = ScaleWidth;
Img.height = (image.height * ScaleWidth) / image.width;
}else{
Img.width = image.width;
Img.height = image.height;
}
} else{
if(image.height > ScaleHeight){
Img.height = ScaleHeight;
Img.width = (image.width * ScaleHeight) / image.height;
}else{
Img.width = image.width;
Img.height = image.height;
}
}
}
}
...全文
110 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
一百米深蓝 2012-08-05
  • 打赏
  • 举报
回复
在调用前先定义 全局变量高度 和 宽度, 把 高度 和 宽度 返回(出来) ,在下面直接调用全局变量,不需要一个一个加上高度和宽度
a421654151 2012-07-31
  • 打赏
  • 举报
回复
无人么.....我知道这个问题很简单,可我不懂也没办法吖,难道要我一个一个加上宽度高度?
JavaScript极速狂飙:组合拼接字符串的效率JavaScript极速狂飙:CSS样式表的背景渲染效率JavaScript面向对象的支持--(1)JavaScript面向对象的支持--(2)JavaScript面向对象的支持--(3)JavaScript面向对象的支持--(4)JavaScript面向对象的支持--(5)JavaScript面向对象的支持--(6)JavaScript精简学习1:基础知识JavaScript精简学习2:浏览器输出JavaScript精简学习3:图像JavaScript精简学习4:表单事半功倍之Javascript--(1)事半功倍之Javascript--(2)事半功倍之Javascript--(3)事半功倍之Javascript--(4)JavaScript教程--从入门到精通--(1)JavaScript教程--从入门到精通--(2)JavaScript教程--从入门到精通--(3)JavaScript教程--从入门到精通--(5)JavaScript教程--从入门到精通--(6)JavaScript教程--从入门到精通--(7)JavaScript教程--从入门到精通--(8)JavaScript教程--从入门到精通--(9)悟透JavaScript(李站老师)-编程的快乐悟透JavaScript(李站老师)-初看原型悟透JavaScript(李站老师)-对象素描悟透JavaScript(李站老师)-放下对象悟透JavaScript(李站老师)-构造对象悟透JavaScript(李站老师)-原型扩展用javascript操作 asp .net TextBox控件用javascript操作 asp .net Label控件用javascript操作 asp .net TextBox控件 下用javascript操作asp.net label控件 外一篇用javascript改变onclick调用的函数用JavaScript加密保护网站页面用Javascript检测网速的方法用Javascript评估用户输入密码的强度用JavaScript实现仿Windows关机效果用javascript实现进度条用javascript怎样实现图片模糊效果《ExtJS2.0实用简明教程》之Border区域布局《ExtJS2.0实用简明教程》之Ext类库简介《ExtJS2.0实用简明教程》之布局概述《ExtJS2.0实用简明教程》之获得ExtJS《ExtJS2.0实用简明教程》之应用ExtJSjs访问xml之遍历节点树js访问xml之创建xmlDocumentjs访问xml之根节点操作js访问xml之节点操作(1)js访问xml之节点操作(2) js访问xml之节点对象属性和方法js访问xml之删除一个book元素节点js访问xml之添加一个book元素节点【JS】兼容ff的加入收藏和设为首页【补】【sina】绕过sina博客的限制,超级BT执行Javascript【blog】介绍一下给sina博客加背景音乐的办法【Blog】再次解说博客加音乐的办法张孝祥JavaScript教程笔记:HTML基础张孝祥JavaScript教程笔记:HTML基础(二)张孝祥JavaScript教程笔记:HTML基础(三)-URL,图像标签,图像地图JavaScript经典效果集锦(一)JavaScript经典效果集锦(二)JavaScript经典效果集锦(三)Javascript技术技巧大全(一)Javascript技术技巧大全(二)Javascript技术技巧大全(三)Javascript技术技巧大全(四)Javascript技术技巧大全(五)JavaScript[对象.属性]集锦之一

81,114

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧