html5图片缩放(html5调整图片大小)

canvas画出来的图片是位图，位图在放大的情况下是会模糊的，然而你所说的“缩放”应该是在canvas宽高固定后通过改变其style样式表进行放大缩小，当然图片是放大了，可是也模糊了，因为不是矢量图呀。

咱们写HTML5手机端的时候，会发现显示元素比例不正确，我们在head里面添加一段ltmeta name=“viewport”content=“width=devicewidth，initialscale=1”即可注意，这只是其中一段代码，做过参考罢了，其他建议去百度一下。

这里介绍两种方式一通过css样式中的 quothoverquot实现，代码如下 lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleDocumentlttitleltstyledivbackgroundredwidth200pxheight200pxdiv。

HTML是用来做网站的一种语言哈，就是在html里面改变图片的大小就要改变文件代码，打开图片源代码，图片文件的大小是height，和宽，我们可以更改，在语言中我们需要设置的都是英文的现在压缩工具将图片缩小之后都会对画质有影响。

01 新建一个HTML文件，代码如下图 02 打开HTML文件所在的文件夹，双击文件，跳转到浏览器 03 改变浏览器大小，发现图片没有变化，显示不全 04。

touchmove这个方法 然后用etouches0，etouches1 来判断不同的点，自己写点小算法就搞定了。