jucai/resources/views/admin/content/buy_house_image.blade.php

<link rel="stylesheet" href="{{theme_asset('statistics/js/layer/skin/default/layer.css')}}?t=1">
<style>
    body {background:white;}
    img {margin:0;padding:0;border:none;display:block;width:100%;}
</style>
<script src="{{ theme_asset('jquery/jquery.min.js') }}"></script>
<script src="{{ theme_asset('statistics/js/layer/layer.js') }}"></script>
<img src="{{$src}}" class="img">
<script>
    //获取图片原始高度
    var img_url = '{{$src}}';
    var img = new Image();
    img.src = img_url;
    var img_width = 0;
    img.onload = function(){
        img_width = img.width;
    };

    //图片旋转
    var deg = 0;
    function transform(){
        deg += 90;
        if (deg === 360) {
            deg = 0;
        }
        $('.img').css('transform','rotate('+deg+'deg)');
    }

    //图片缩放
    var flag = false;
    function zoom()
    {
        flag = !flag;
        if (flag) {
            $('.img').css('width',img_width+'px');
        } else {
            $('.img').css('width','100%');
        }
    }
</script>