[转]ionic或者angularjs中图片显示压缩问题解决 or 显示较大图片的某一块区域、裁剪显示
2021-06-17 08:04
标签：调整 val center image inf css 知识库 img size 我们知道在html中显示图片一般都是用img控件标签，当然调整大小的也很容易。 但是会出现，特定的img大小，显示一张比较大尺寸的且长宽比例与特定img大小不相符的图片。而导致压缩问题，图片挤压的很严重，看起来很不舒服。 这时候可以用css中background-image这个属性来解决。用div标签代替img标签，然后设置div的背景图片。 因为background-image有很多个属性可以配套使用，所以一般很容易满足需求,比如background-size、background-position等等。 在ionic或AngularJS中，为了方便很容易将其自定义成为指令，也就是directive 示例如下： 然后这样使用： 转自：http://blog.csdn.net/wy250864144/article/details/54586010 [转]ionic或者angularjs中图片显示压缩问题解决 or 显示较大图片的某一块区域、裁剪显示 标签：调整 val center image inf css 知识库 img size 原文地址：http://www.cnblogs.com/ihzeng/p/7266392.html.directive(‘backImg‘, function(){
return function(scope, element, attrs){
attrs.$observe(‘backImg‘, function(value) {
element.css({
‘background-image‘: ‘url(‘ + value +‘)‘,
‘background-size‘ : ‘cover‘,
‘background-position‘ : ‘center‘
});
});
};
})
上一篇：ueditor上传图片
文章标题：[转]ionic或者angularjs中图片显示压缩问题解决 or 显示较大图片的某一块区域、裁剪显示
文章链接：http://soscw.com/index.php/essay/94954.html