大佬教程收集整理的这篇文章主要介绍了css – Microsoft Edge Image缩放，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
见本页：http://duttongarage.com/Race-Workshop~317
在右边有两个具有纹理背景的图像,你可以很清楚地看到这些奇怪的文物
左侧的Chrome,右侧的MS Edge.正如你可以看到,从调整大小是一个奇怪的莫尔效应是最近邻或线性,而不是双三足.
@H_155_2@microsoft Edge顶部,Chrome底部.注意像素化,就像我从过去十年的浏览器所期望的那样.例如,您可以使用this answer的解决方案：
只需创建< canvas id =“canvas”>< / canvas>在你的形象下,看：
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
img = new Image();
img.onload = function () {
canvas.height = canvas.width * (img.height / img.width);
/// step 1
var oc = document.createElement('canvas'),octx = oc.getContext('2d');
oc.width = img.width * 0.5;
oc.height = img.height * 0.5;
octx.drawImage(img,oc.width,oc.height);
/// step 2
octx.drawImage(oc,oc.width * 0.5,oc.height * 0.5);
ctx.drawImage(oc,oc.height * 0.5,canvas.width,canvas.height);
}
img.src = "http://duttongarage.com/img/2167/824";
您可以轻松地使用数学调整oc.width.例如,您可以使用
oc.width = $(".me-wrap-image").width();
oc.height = $(".me-wrap-image").height();
更好,如果你调整你的结构
| .me-wrap-image | .some-class-to-get-width-and-height -> img
对于img.src可以使用
$("div.some-class-to-get img").each(function(){
img.src = $(this).attr('src');
});
但我不确定,如何使其正常工作.希望你修复它:)
以上是大佬教程为你收集整理的css – Microsoft Edge Image缩放全部内容，希望文章能够帮你解决css – Microsoft Edge Image缩放所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。