CSS图像渲染的解决方案 [英] CSS Solution to image rendering

问题描述

我在网站上有一个可缩放的图片。

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.

是否有其他出路。

感谢

推荐答案

根据 图片-rendering on MDC ， 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图像渲染的解决方案的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！