白左
千年狐狸
千年狐狸
  • UID34985
  • 注册日期2010-12-29
  • 最后登录2019-05-10
  • 发帖数2009
  • 经验617枚
  • 威望0点
  • 贡献值340点
  • 好评度65点
  • 社区居民
  • 忠实会员
阅读:824回复:2

image-rendering:pixelated 属性效果非预期,bug?

楼主#
更多 发布于:2017-04-26 21:14
MDN关于image-rendering:pixelated的描述为

When scaling the image up, the "nearest neighbor" or similar algorithm
must be used, so that the image appears to be composed of large pixels.
When scaling down, this is the same as 'auto'.
即放大时使用最临近等保持像素锐度的算法,缩小时则使用默认的高品质缩放算法,这正是我希望达到的效果
但在演示界面所看到的实际情况(54.0a2 2017-4-16)却不是这么回事

图片:2.png



很明显当值为pixelated时,放大时并没有使用最临近或类似算法,糊了
只有值为crisp-edges时的放大 + auto/pixelated时的缩小才是我所需要的效果

那么这是个bug还是我对这几个值的理解有误?如果是有误,有没有办法能够缩小时使用高精度算法,放大时使用最临近插值算法?
-いたんですか? -ええ、ずっと
烈之斩
火狐狸
火狐狸
  • UID35302
  • 注册日期2011-02-19
  • 最后登录2019-05-04
  • 发帖数236
  • 经验222枚
  • 威望0点
  • 贡献值118点
  • 好评度23点
  • 社区居民
  • 忠实会员
1楼#
发布于:2017-04-28 07:16
Browser compatibility

Feature         Chrome         Firefox (Gecko)         Internet Explorer         Opera         Safari (WebKit)
Basic support (auto)         (Yes)         3.6 (1.9.2)         No support[1]         11.60         (Yes)
crisp-edges         No support         3.6 (1.9.2)-moz         No support         11.60-o         (Yes) [2]
pixelated         41.0         No support (bug 856337)         No support         26.0         (Yes) [3]

pixelated+FX不是no support吗



顺便,这几个名字起的好烂,听英文crisp-edges和pixelated难道不是一个意思吗……
白左
千年狐狸
千年狐狸
  • UID34985
  • 注册日期2010-12-29
  • 最后登录2019-05-10
  • 发帖数2009
  • 经验617枚
  • 威望0点
  • 贡献值340点
  • 好评度65点
  • 社区居民
  • 忠实会员
2楼#
发布于:2017-04-28 08:17
烈之斩:Browser compatibility

Feature         Chrome         Firefox (Gecko)         Internet Explorer         Opera         ...
回到原帖

not support也写得跟真的一样, 还放个演示... ಥ_ಥ)

仔细一看bug 856337也不是一两年的事情了...一定是拖延症
-いたんですか? -ええ、ずっと
游客

返回顶部