小编use*_*543的帖子

我正在尝试制作一个小画布功能，该功能可以让您上传图片并在其上添加覆盖。我可以上传，在顶部创建图片并下载，但是当我尝试通过电话上传图片时。它将图像旋转90度。

我在这里想念什么吗？在将图像添加到画布之前，是否需要测试图像的大小并对其进行缩放。

任何帮助将是很大的帮助，谢谢。

  <style>
    .box{
        width: 300px;
        height: 300px;
        border: 1px solid blue;
        padding: 1em;
    }
    .wrap{
        width: 180px;
        height: 180px;
        margin: 0 auto;
        background: red;
        position: relative;
    }
</style>
        <div class="box">
        <div class="wrap">
            <canvas id="canvas" width="180" height="180"></canvas>
        </div>
        <br />
        <label>Image File:</label><br/>
        <input type="file" id="imageLoader" name="imageLoader"/>
        <br />
        <br />
        <a href="#" clss="buttonLink" id="downloadLink">Download!</a>
    </div>
    <script>


        $(document).ready(function() {
            //upload images.
            var imageLoader = document.getElementById('imageLoader');
            imageLoader.addEventListener('change', handleImage, false);
            //draw image.
            var canvas = document.getElementById('canvas');
            var context = canvas.getContext('2d');
            //download link. …