<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>html5 svg绘制卡通树动画特效 - 网页模板</title>
<style>
body {
background:#fffafa;
cursor: pointer;
}
#demo {
width:349px;
height:277px;
margin:0 auto;
}
</style>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.lazylinepainter-1.5.1.min.js"></script>
<script type="text/javascript">
(function( $ ){
var svgData = {
"demo" :
{
"strokepath" :
[
{
"path": "M189.067,49.677c-0.164-0.186-0.387-0.386-0.65-0.61c-0.271-0.213-0.585-0.446-0.949-0.669 c-0.724-0.45-1.627-0.882-2.625-1.256c-0.999-0.372-2.092-0.692-3.196-0.957c-2.21-0.534-4.462-0.845-6.157-1.022 c-0.25-0.026-0.483-0.049-0.707-0.069c3.711-2.395,6.173-6.022,5.484-11.478c-0.036,14.949-21.398,13.754-34.109,13.226 c12.639-5.152,25.179-10.609,33.747-20.542c-3.742,3.547-8.158,6.271-12.945,8.544c0.006-0.022,0.013-0.04,0.018-0.062 c0.086-0.293,0.134-0.615,0.205-0.938c0.043-0.331,0.106-0.667,0.127-1.015c0.023-0.347,0.052-0.696,0.036-1.049 c0.005-0.35-0.023-0.699-0.064-1.04c-0.022-0.341-0.101-0.671-0.163-0.988c-0.05-0.319-0.159-0.615-0.243-0.895 c-0.076-0.283-0.182-0.539-0.288-0.772c-0.105-0.232-0.183-0.45-0.283-0.629c-0.101-0.178-0.189-0.333-0.262-0.461 c-0.144-0.253-0.227-0.397-0.227-0.397s0.051,0.158,0.142,0.436c0.044,0.137,0.099,0.304,0.161,0.495 c0.061,0.191,0.093,0.418,0.146,0.656c0.055,0.239,0.104,0.498,0.12,0.778c0.023,0.278,0.069,0.565,0.053,0.869 c-0.003,0.302,0.007,0.609-0.038,0.921c-0.025,0.312-0.064,0.625-0.134,0.934c-0.048,0.31-0.139,0.614-0.221,0.91 c-0.079,0.297-0.197,0.579-0.291,0.853c-0.121,0.268-0.215,0.531-0.342,0.767c-0.115,0.24-0.232,0.461-0.351,0.659 c-0.228,0.4-0.444,0.713-0.598,0.919c-0.079,0.107-0.136,0.179-0.172,0.219c-0.022,0.026-0.039,0.047-0.05,0.06 c-18.284,7.858-41.014,10.274-53.179,25.432c1.643-4.873,4.165-9.542,5.617-14.86c0.035-0.029,0.071-0.057,0.102-0.092 c0.05-0.055,0.093-0.113,0.129-0.174l0.008-0.014c0,0,0.019-0.032,0.054-0.091c0.025-0.047,0.073-0.125,0.147-0.236 c0.142-0.215,0.363-0.524,0.662-0.875c0.147-0.178,0.315-0.364,0.501-0.554c0.178-0.2,0.394-0.377,0.605-0.582 c0.226-0.181,0.452-0.388,0.704-0.563c0.251-0.178,0.505-0.366,0.781-0.517c0.267-0.171,0.549-0.314,0.833-0.443 c0.279-0.148,0.571-0.243,0.854-0.348c0.28-0.117,0.566-0.172,0.835-0.245c0.269-0.08,0.529-0.121,0.773-0.151 c0.243-0.03,0.467-0.078,0.667-0.085c0.201-0.007,0.376-0.012,0.52-0.017c0.291-0.009,0.458-0.014,0.458-0.014 s-0.164-0.028-0.451-0.078c-0.145-0.025-0.321-0.056-0.523-0.09c-0.203-0.034-0.434-0.033-0.688-0.053 c-0.255-0.021-0.531-0.033-0.824-0.009c-0.293,0.017-0.608,0.015-0.925,0.075c-0.319,0.049-0.656,0.087-0.984,0.182 c-0.335,0.076-0.672,0.169-1,0.292c-0.337,0.105-0.656,0.25-0.974,0.39c-0.32,0.137-0.615,0.311-0.911,0.464 c-0.204,0.128-0.406,0.248-0.599,0.371c0.83-5.111,0.442-10.903-2.63-18.022c2.716,8.245,2.18,14.493,0.353,19.934 c-0.197,0.223-0.287,0.503-0.273,0.779c-2.492,6.872-6.944,12.518-9.273,19.413c-0.049-0.089-0.096-0.174-0.149-0.267 c-0.386-0.65-0.853-1.396-1.434-2.139c-0.145-0.185-0.292-0.374-0.441-0.565c-0.162-0.181-0.326-0.364-0.492-0.549 c-0.316-0.378-0.706-0.709-1.065-1.056c-0.378-0.331-0.785-0.633-1.181-0.924c-0.434-0.245-0.821-0.54-1.259-0.718 c-0.438-0.174-0.829-0.404-1.256-0.485c-0.206-0.054-0.407-0.107-0.601-0.159c-0.096-0.025-0.191-0.05-0.284-0.074 c-0.096-0.009-0.191-0.018-0.283-0.027c-0.366-0.034-0.701-0.065-0.999-0.093c-0.298,0.01-0.556,0.04-0.767,0.053 c-0.421,0.033-0.661,0.052-0.661,0.052s0.24,0.015,0.661,0.041c0.209,0.016,0.463,0.023,0.75,0.053 c0.281,0.067,0.598,0.142,0.944,0.224c0.086,0.02,0.173,0.041,0.262,0.062c0.085,0.036,0.171,0.072,0.259,0.109 c0.174,0.074,0.355,0.15,0.54,0.228c0.38,0.126,0.72,0.4,1.095,0.612c0.375,0.215,0.696,0.545,1.054,0.816 c0.325,0.32,0.653,0.643,0.953,0.992c0.283,0.368,0.59,0.706,0.83,1.097c0.126,0.188,0.252,0.375,0.376,0.559 c0.111,0.193,0.221,0.385,0.328,0.573c0.432,0.749,0.761,1.491,1.027,2.127c0.254,0.643,0.445,1.185,0.556,1.565 c0.115,0.373,0.159,0.573,0.165,0.586c0.045,0.137,0.116,0.258,0.204,0.361c-0.001,0.004-0.002,0.007-0.003,0.011 c-2.559,11.495-0.056,26.412-1.015,38.933c-2.572-7.31-8.075-14.144-10.723-21.446c0.016-0.298-0.082-0.601-0.294-0.841 c-1.973-5.876-2.552-12.622,0.381-21.525c-3.318,7.686-3.736,13.941-2.84,19.459c-0.208-0.134-0.427-0.263-0.647-0.401 c-0.321-0.165-0.638-0.352-0.984-0.501c-0.344-0.151-0.688-0.308-1.052-0.421c-0.354-0.134-0.718-0.233-1.08-0.316 c-0.355-0.102-0.718-0.144-1.063-0.197c-0.342-0.066-0.683-0.063-0.999-0.081c-0.316-0.026-0.615-0.013-0.889,0.01 c-0.274,0.022-0.524,0.021-0.743,0.057c-0.218,0.038-0.408,0.07-0.565,0.098c-0.309,0.054-0.487,0.085-0.487,0.085 s0.18,0.006,0.494,0.016c0.156,0.005,0.345,0.011,0.562,0.018c0.216,0.008,0.458,0.059,0.72,0.092 c0.262,0.032,0.544,0.077,0.834,0.163c0.291,0.078,0.599,0.138,0.902,0.265c0.305,0.114,0.621,0.216,0.922,0.376 c0.307,0.14,0.611,0.294,0.9,0.479c0.298,0.163,0.573,0.367,0.843,0.558c0.272,0.189,0.516,0.413,0.76,0.608 c0.227,0.221,0.46,0.413,0.653,0.629c0.201,0.205,0.383,0.405,0.542,0.598c0.323,0.378,0.562,0.713,0.715,0.945 c0.08,0.12,0.132,0.204,0.159,0.255c0.038,0.064,0.058,0.099,0.058,0.099l0.009,0.015c0.039,0.066,0.086,0.129,0.139,0.188 c0.034,0.037,0.072,0.067,0.11,0.099c1.568,5.742,4.291,10.783,6.065,16.045C83.996,86.353,59.452,83.745,39.709,75.26 c-0.012-0.015-0.03-0.037-0.054-0.065c-0.038-0.043-0.1-0.12-0.185-0.236c-0.166-0.222-0.4-0.561-0.646-0.993 c-0.127-0.214-0.254-0.453-0.378-0.712c-0.138-0.254-0.239-0.539-0.37-0.828c-0.101-0.296-0.229-0.601-0.314-0.922 c-0.089-0.32-0.187-0.648-0.239-0.983c-0.076-0.334-0.118-0.672-0.145-1.009c-0.049-0.338-0.037-0.669-0.041-0.995 c-0.017-0.328,0.032-0.638,0.057-0.938c0.017-0.303,0.071-0.582,0.13-0.84c0.058-0.257,0.092-0.503,0.158-0.709 c0.067-0.206,0.126-0.386,0.174-0.535c0.097-0.299,0.153-0.47,0.153-0.47s-0.089,0.156-0.245,0.429 c-0.079,0.138-0.174,0.306-0.283,0.498c-0.109,0.194-0.192,0.429-0.306,0.679c-0.115,0.251-0.229,0.527-0.311,0.833 c-0.09,0.303-0.208,0.623-0.262,0.967c-0.067,0.342-0.152,0.698-0.176,1.067c-0.045,0.368-0.075,0.745-0.069,1.123 c-0.017,0.381,0.014,0.758,0.039,1.133c0.022,0.376,0.09,0.738,0.137,1.096c0.076,0.349,0.128,0.697,0.221,1.013 c0.006,0.024,0.014,0.044,0.02,0.068c-5.168-2.454-9.937-5.396-13.977-9.226c9.252,10.725,22.792,16.618,36.439,22.181 c-13.725,0.57-36.79,1.86-36.83-14.282c-0.744,5.892,1.914,9.808,5.921,12.394c-0.242,0.022-0.494,0.046-0.763,0.075 c-1.83,0.191-4.262,0.528-6.648,1.104c-1.192,0.286-2.372,0.631-3.451,1.033c-1.078,0.404-2.053,0.87-2.835,1.356 c-0.392,0.241-0.732,0.492-1.024,0.722c-0.285,0.242-0.525,0.458-0.702,0.659c-0.191,0.185-0.307,0.362-0.396,0.471 c-0.087,0.112-0.133,0.171-0.133,0.171s0.053-0.054,0.153-0.154c0.102-0.098,0.235-0.256,0.445-0.415 c0.196-0.174,0.457-0.357,0.759-0.556c0.311-0.189,0.666-0.39,1.072-0.576c1.615-0.765,3.955-1.297,6.317-1.559 c2.363-0.275,4.749-0.313,6.53-0.282c0.891,0.015,1.632,0.048,2.147,0.077c0.508,0.034,0.799,0.054,0.799,0.054l0.039,0.003 c0.045,0.003,0.09,0.003,0.135,0c0.352-0.019,0.655-0.194,0.856-0.451c3.709,1.581,7.964,2.392,11.672,2.767 c8.825,0.898,17.821,1.435,25.954,3.24c-1.581,0.863-3.574,2.039-5.452,3.401c-0.994,0.719-1.953,1.487-2.798,2.269 c-0.843,0.784-1.566,1.586-2.104,2.333c-0.271,0.372-0.49,0.734-0.672,1.058c-0.171,0.332-0.311,0.624-0.399,0.877 c-0.106,0.244-0.146,0.452-0.187,0.587c-0.037,0.136-0.057,0.209-0.057,0.209s0.029-0.07,0.083-0.201 c0.057-0.129,0.12-0.327,0.254-0.554c0.115-0.236,0.286-0.503,0.49-0.803c0.216-0.293,0.468-0.615,0.772-0.94 c1.202-1.322,3.164-2.705,5.248-3.846c2.08-1.154,4.273-2.097,5.931-2.747c0.829-0.326,1.527-0.577,2.014-0.746 c0.076-0.025,0.136-0.046,0.201-0.068c4.474,1.244,8.627,2.964,12.253,5.483c9.941,6.905,15.206,17.307,15.665,31.993 c-0.237-0.203-0.496-0.419-0.784-0.651c-0.336-0.264-0.705-0.543-1.101-0.829c-0.409-0.271-0.818-0.58-1.283