html5缩放图片,html5图片缩小

如何在HTML中用CSS对图片进行缩放

可以用css3中“transform: scale()”属性对图片进行缩放。

1、新建html文档，在body标签中添加一张图片，给这张图片设置css属性，添加“tansform”缩放属性，属性值为“scaleX(n)”，scaleX(n)指的是对宽度进行缩放，n指的是缩放比例：

2、将transform的属性值改为“scaleY(n)”，scaleY(n)指的是对高度进行缩放，n指的是缩放比例：

3、将transform的属性值改为“scale(n)”，scale(n)指的是对图片的宽度和高度同时进行等比例缩放，n指的是缩放比例：

相关问答

Q1: html5怎么压缩图片

HTML是用来做网站的一种语言哈，就是在html里面改变图片的大小就要改变文件代码，打开图片源代码，图片文件的大小是height，和宽，我们可以更改，在语言中我们需要设置的都是英文的。

现在压缩工具将图片缩小之后都会对画质有影响，压缩图片文件选择压缩工具页面中的普通压缩就可以了压缩程度不要过大，找到图片压缩工具，图片要放置在工具页面上进行数据分析，根据图片的大小工具会制定压缩方案。

图片分享论坛却只允许发几百KB的文件；微信、分享给朋友的时候自动压缩的图像都比较模糊

Q2: HTML5图片缩放后如何正确截图

通过原图和缩放图的大小比例来计算，在缩放图上的截取原图应该取多大，以及位置。

Q3: html5 使用rotate进行缩放图片时，怎么以中心点缩放？？

rotate是旋转不是缩放，缩放应该是scale属性吧

旋转参照点可以通过transform-origin来设置

语法为transform-origin: x-axis y-axis z-axis;

建议查看 CSS3 transform属性