简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 如何用Snap()方法封装多个<svg>标签来绘制图形？
PHP中文网
PHP中文网 2017-04-11 10:36:36
0
1
367

我想用Snap.svg来制作多个图形。于是在目标元素后添加了svg元素，然后就能用snap.svg封装后绘图了。但是我填写snap(x,y) 封装后的元素就不会在原来的<p></p>标签内。我现在应该用snap(array)还是snap(DOM）呢t t...

<html>
  <head>
    <script src="jquery-1.9.0.min.js"></script>
    <script src="snap.svg-min.js"></script>
    <script>
        $(function(){
            var list = $("#list p");
            $('<svg class="svg"></svg>').insertAfter(list)
            
            var 
                svg = $("#list .svg"),
                i ;

                svg.each(function(i){
                    $(this).attr("id", i+1);
                    //s = Snap("这里的参数怎么写呢？");
                    s = Snap(100,200);//这个是错误的
                    s.paper.circle(0,0,5);
                    s.attr({
                        viewBox : "-5,-5,10,10"
                    });
                });
        });
    </script>
  </head>
  <body>
                <h3> Snap.svg </h3>
                <ul id="list">
                    <li><p>list</p></li>
                    <li><p>list</p></li>
                    <li><p>list</p></li>
                </ul>

  </body>
</html>
PHP中文网
PHP中文网

认证高级PHP讲师

répondre à tous(1)
Ty80
Ty802017-04-11 10:38:36 1 plancher

传入dom试试

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！