问题描述
我在网站上有一个可缩放的图片。
I have an zoomable image in the website. When the image is zoomed out to a large extend it appears very SHARP and ugly.
我尝试使用图像渲染:opimizequality,optimizespeed CSS但是没有工作。
I tried using image-rendering : opimizequality, optimizespeed CSS but did not work.
是否有其他出路。
感谢
推荐答案
根据, image-rendering
目前仅在Firefox 3.6中受支持。类似的属性, -ms-interpolation-mode
,可用于IE7和IE8。其他浏览器似乎没有此功能(尚未)。
According to image-rendering
on MDC, image-rendering
is currently only supported in Firefox 3.6. A similar property, -ms-interpolation-mode
, is available for IE7 and IE8. Other browsers don't seem to have this feature (yet).
由于,你最好的办法是编辑图像本身,缩放到所需的水平。我不确定,但您可以尝试使用< canvas>
执行您想要的插值。
As latze mentioned, your best bet is to edit the image itself, scaling it to the level you need. I'm not sure, but you may try using <canvas>
to perform the interpolation you desire.
这篇关于CSS图像渲染的解决方案的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!