在SVG图里加按钮

有时因为一些需要,要在SVG图里加按钮之类的东西,让按钮显示在SVG图上,一般有2种办法:

1、比较常见的是网上所说的在embed标签里加wmode="Transparent"的属性,这种办法的好处是可以随意用CSS+DIV给按钮在网页中定想要的位置说。例子:

   


                    height="600px">
           

           
           

           

   

在这里,
相对
定位了,按钮浮动在SVG图上。可以定位于图上的任何位置,也不用设置优先级,而且JS事件写起来也很方便。

2、也可以在SVG图里画好按钮,写好文字,之后在文字的标签里写JS事件,例子:

刷新

然后引用的页面上写JS的事件(比如这个的:Button4_onclick())就可以。

 

你可能感兴趣的:(SVG,button,div,class,javascript,function,input)