1

我在下面有这段代码，可以帮助我将图像与任何设备/屏幕上的中心对齐。

现在我需要帮助来绘制picture(myImage)画布而不是$("body").append(img);

我怎样才能做到这一点？

<script>
        $(document).ready(function() {
            var img=new Image();
            img.src="myImage.jpg"
            img.onload=function() {
            //  console.log("image is loaded, yessss!")
                function my_resize() {
                    var w=img.width;
                    var h=img.height;
                    var ww=$(window).width();
                    var wh=$(window).height();
                    var ox=(ww-w)/2;
                    var oy=(wh-h)/2;
                    console.log("data is "
                        +w+","+
                        +h+","+
                        +ww+","+
                        +wh+","+
                        +ox+","+
                        +oy+","
                    );
                    $(img).offset({left:ox,top:oy,});
                }
                $("body").append(img);
                my_resize();
                $(window).resize(function() {
                    my_resize();
                    });
            }
        });
    </script>
4

1 回答 1

2

试试这个jsfiddle：

http://jsfiddle.net/MqkRs/4/

于 2012-08-29T14:56:39.127 回答