图片旋转预览

1.dom

<div>
    <div class="rotate-icon">
        ![](/src/assets/image/rotate_r.png)
        ![](/src/assets/image/rotate_r.png)
    </div>
    <div>
        ```
            ![](filePath)
        ```
        ![](filePath)
    </div>
</div>

2.js

引入jquery旋转插件
<script src="/src/assets/js/jquery.rotate.js"></script>
// 旋转图片
rotateImg(type) {
    let rot = this.rot;
    if (type == "left") {
        if (rot === -360) {
            rot = 0;
        }
        rot -= 90;
        $("#rotImg").rotate(-90);
    }
    if (type == "right") {
        if (rot === 360) {
            rot = 0;
        }
        rot += 90;
        $("#rotImg").rotate(90);
    }
    this.rot = rot;
},
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容