html5图片缩小
Ⅰ html中怎么把图片按比例缩放在span里面
span本身不是块儿状区域，如果你非要强加上的话，给span设置：display:block;这样就可以了
还有版，你想让span内的img图片权上移一下的话，你把span设置为块儿区域了以后，然后在你的margin-top:0px;修改成 -10px;然后你再看看效果就可以了。
margin是调整外边距的距离
padding 是调整内边距的距离
Ⅱ html中，<img>标签，缩小图片，但不改变原图片大小，也不能被压缩，求解。
用CSS来处理啊。像这样，<img src="http://img..com/img/logo-.gif" style="width:60px; height:30px" />
Ⅲ html如何设置图片大小
html插入图片有两种方式：一种是通过<img>标签插入的正常的图片，另一种是通过css样式插入的背景图片。
问题分析：
1、首先你是通过第二种方式插入的是背景图片，直接用width和height只能控制div的宽度和高度。
(3)html5图片缩小扩展阅读：
1、background 是用于在一个声明中设置所有背景属性的一个简写属性。
格式: background: {属性值}
继承性: NO；
可能的值：
background-color（背景颜色）
background-image（背景图片）
background-repeat（背景拉伸方式）
background-attachment（固定或者随着页面的其余部分滚动）
background-position（背景定位）
新增的值：
background-clip（规定背景的绘制区域）
background-origin（相对于容器中来定位背景图像）
background-size （背景图像的大小）
参考资料：
网络-background
Ⅳ html中，有什么方法或标签能让图片大小自动按设定放大缩小的
使用javascript，根据你的设定设置img大小，这里有个例子：
functionAutoResizeImage(maxWidth,maxHeight,objImg){
varimg=newImage();
img.src=objImg.src;
varhRatio;
varwRatio;
varRatio=1;
varw=img.width;
varh=img.height;
if(w>maxWidth){//判断宽度大于可视化的情况
wRatio=maxWidth/w;
hRatio=maxHeight/h;
if(maxWidth==0&&maxHeight==0){
Ratio=1;
}elseif(maxWidth==0){//
if(hRatio<1)Ratio=hRatio;
}elseif(maxHeight==0){
if(wRatio<1)Ratio=wRatio;
}elseif(wRatio<1||hRatio<1){
Ratio=(wRatio<=hRatio?wRatio:hRatio);
}
if(Ratio<1){
w=w*Ratio;
h=h*Ratio;
}
objImg.height=h;
objImg.width=w;
}
}以上是js的方法
下面这个是引用的img
<img id="lc_div" src="图片路径" onload="AutoResizeImage(500,500,this)" />
Ⅳ 如何编写html代码控制图片显示的大小
<img src=2009/04/1232336585-19.jpg onload='if (this.width>140 || this.height>226) if (this.width/this.height>140/226) this.width=140; else this.height=226;'>
原理：
用JS在加载图片后判断图片是否突破规定的高和宽，如果超过再根据图片的宽高比例进行调整。
或者：
<imgsrc="..."style="width:100px;height:100px;"/>
width宽height高，将改变的数值填入其中即可。
Ⅵ html5 使用rotate进行缩放图片时，怎么以中心点缩放
rotate是旋转不是缩放，缩放应该是scale属性吧
旋转参照点可以通过transform-origin来设置
语法为transform-origin: x-axis y-axis z-axis;
建议查看 CSS3 transform属性
Ⅶ html中怎么把图片按比例缩放在<span>里面
首先，你使用span元素并不是很合理，因为span元素是行元素，不能够设置宽高
如果一定要使用span元素，需要设置宽高，之后对图片进行处理
将span元素调整为块元素（设置display: block），赋予固定的宽度或百分比
之后为图片设置宽度和高度，宽设置为100%，即可让图片等比例进行缩放，宽度等于span的宽度，高度会等比例变化
.box{
display:block;
width:200px;
}
.boximg{
width:100%;
}
Ⅷ HTML5图片缩放后如何正确截图
通过原图和缩放图的大小比例来计算，在缩放图上的截取原图应该取多大，以及位置。
Ⅸ html5怎么压缩图片
利用canvas的drawImage方法来绘制图片，并且设置绘制的图片的width跟height，最后再通过canvas的toDataURL方法来生成压缩后的dataUR
下面直接上代码：
html:
[html]view plain
<divclass="head_imgpr">
<emclass="pa"></em>
<imgsrc='../images/icon_touxiang.png'alt=""class="modify_img"/>
<inputid="photo"type="file"accept="image/*"/>
</div>
Ⅹ 如何在HTML中用CSS对图片进行缩放
css3中新增了一个属性。transform:scale();可以对图片进行放大缩小
比如。transform:scale(0.5),表示引回用该样式的内容进行了缩小了答一半，反之，如果括号里面的值为（1.5）那么表示 内容放大了1.5倍。
做一个示例演示图一是图片缩小了（0.5） 图二是图片放大了（1.5）的效果演示。
