利用canvas画一个存储按钮(附加svg动态按钮)
实例:
<html>
<head>
<meta http-equiv="content-type" content="text/html charset="utf-8" />
<script type="text/javascript" src="../js/jquery-1.12.1.js"></script>
<script type="text/javascript" src="http://cdn.gbtags.com/snap.svg/0.3.0/snap.svg-min.js"></script>
<style type="text/css">
/*CSS源代码*/
.button-wrap {
margin: 65px 0 0 111px;
}
.button {
background: none;
border: none;
width: 150px;
height: 55px;
outline: none;
position: relative;
padding: 0;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.button__text {
display: block;