JS、jquery大牛来啊

abrom01 2013-12-26 11:53:51

怎么用JS或者jquery来实现一个功能：改变图片的形状，比如上传的图片是正方形的，显示到页面的时候我想让他变成圆形，怎么来实现，求指导

...全文

336 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

乔不思 2013-12-28

打赏
举报

jq控制css样式，你看看，不会可以慢慢学，别人只能给你方向，得靠自己，加油

abrom01 2013-12-27

打赏
举报

引用 4 楼 jimmy609 的回复:

是不是可以考虑这样做，图片还是方形的，但是把你不需要显示的那部分做成透明或则和底色一致

具体如何实现？

sliwey 2013-12-27

打赏
举报

CSS可以控制

咖啡加糖_ 2013-12-27

打赏
举报

是不是可以考虑这样做，图片还是方形的，但是把你不需要显示的那部分做成透明或则和底色一致

tony4geek 2013-12-27

打赏
举报

css 控制图片的样式。。

小绵羊 2013-12-27

打赏
举报

css3可以直接把图片变成圆角，css2需要借助圆形透明图片来遮罩实现

Defonds 2013-12-27

打赏
举报

这里有一个 jquery + css 改变图形显示效果的例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
    body{width:100%; height:100%; margin:0; padding:0;}
</style>
<script type="text/javascript" src="../jquery-1.7.2.min.js"></script>
<script type="text/javascript">
    $(function(){
        $("body").append("<div id='main_bg'>");
        $("#main_bg").append("<img src=\'#\'" /banner11.jpg' id='bigpic' />");
        cover();
        $(window).resize(function(){//浏览器窗口变化
            cover();
        });
    });
    function cover(){
        var win_width=$(window).width();
        var win_height=$(window).height();
        $("#bigpic").attr({width:win_width,height:win_height});
    }
</script>
</head>
<body>
</body>
</html>

abrom01 2013-12-27