svg花朵着色动画效果
代码语言：html
所属分类：动画
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body{
min-height: 100vh;
margin: 0;
padding: 0;
background-image: url(http://repo.bfw.wiki/bfwrepo/image/5e2e42d898f65.png);
background-blend-mode: multiply;
background-color: #e2d8d0;
background-repeat: repeat;
background-size: 800px;
}
svg {
height: 80vh;
width: 100%;
margin-top: 10vh;
opacity: 0.9
}
#illustration {
animation: squigglevision 0.5s infinite alternate;
}
@keyframes squigglevision {
0% {
filter: url('#sketch-0');
}
25% {
filter: url('#sketch-1');
}
50% {
filter: url('#sketch-2');
}
75% {
filter: url('#sketch-3');
}
100% {
filter: url('#sketch-4');
}
}
.path {
stroke-dasharray: 1;
stroke-dashoffset: 1;
animation: paint 1s ease-in-out 1s forwards;
}
.path:nth-of-type(2) {
animation-delay: 2s;
}
@keyframes paint {
from {
stroke-dashoffset: 1;
}
to {
stroke-dashoffset: 0;
}
}
</style>
</head>
<body translate="no">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 397.332 500">
<title>Artboard 1</title>
<pattern id="watercolour" patternUnits="userSpaceOnUse" width="100%" height="100%">
<image xlink:href="https://static.vecteezy.com/system/resources/previews/000/204/451/non_2x/vector-watercolour-texture.jpg" width="100%" height="100%" />
</pattern>
<defs>
<mask id="mask1">
<path id="mask1" d="M169.913,113.225c.545-.5.584-.5.952.082,1.246,1.431,2.4-3.082,4.068-1.545,1.2.44,2.7-.725,4.318-1.038,1.054,1.215,1.917.8,2.181-.872a143.905,143.905,0,0,1,22.468.275c1.466,2.353,3.923-.433,5.382,1.04a16.925,16.925,0,0,1,2.808,13.059c-1.674,2.39-.711,4.146-3.028,5.4,1.965,2.086-.556,2.463-1.816,3.279-2.205.336-5.629,2.373-2.841,5.387,2.281-.4,4.046-1.919,5.331.959,2.426.237,7.911,2.826,6.688,5.107,3.1-.909,2.753.71,5.329,2.428-2.5,2.208-5.736,2.61-8.235,4.892-.659.306-1.828-2.45-2.413-1.345.829,6.2,7.955,3.868,7.593,10.172.406,3.487-4.639,2.383-6.319,4.266-2,2.585-.944,6.335-4.189,7.925-.809.53-1.016-.042-1.5-.67-.669,2.622-1.883.42-2.9-.393-5.984,4.579-12.5,8.925-20.273,4.487-3.3-.833-5.911,2.285-7.789,2.351,1.129-1.989-8.222,3.713-9.93,3.567-7.308,3.006-15.243,1.955-22.491.358-3.1-.076-1.067-5.7-3.83-5.333,3.977-3.516-3.327-4.478-5.294-4.544-2.555-.861-4.185-.2-6.662-2.268.488-1.237,1.521-1.432.018-2.231-1.369,5.142-3.352-2.75-5.775.214-1.222.909-.285-2.447-1.771-.853-.088-1.636,1.244-2.246-.461-3.159,1.317-.626-.1-1.99.937-3.092.486-1.131-.789-.158-1.163-1.548-1.815,2.689.6-3.172,1.257-.256,1.321.453.012-1.129,1.163-1.272.913-.808,1.72-1.8,2.682-2.528,2.445-2.9-5.811-1.43-5.028-5.25-.627-2.654-1.378-1.633.2-4.894-1.889-6.415,4.891-4.242,6.036-12.3,1.1-2.211,2.119-1.587,3.641-.48-.087-1.926,1.7.573,2.542-.377a5.475,5.475,0,0,0,.485-4.17c.862-2.53,1.393-.821,1.342-4.184,1.535-.8,2.462-2.258,1.18-4.176,2-.7,3.136-.9,3.17-3.191a6.026,6.026,0,0,0,4.428-2.013c1.025-.567,2.6,1.24,2.88-.754,3.38-1.825,8.483-.779,12.5-.581a17.933,17.933,0,0,0,5.333-.068c1.187.218,1.332,3.08,2.924,1.942,1.521.535,5.235-3.832,3.03,0C169.933,114.953,170.392,114.251,169.913,113.225Zm35.559,59.642c.73-.157.812-1.226.559-1.781C205.605,171.249,205.739,172.087,205.472,172.867ZM214,150.6c-.269-.307-.458-.407-.618-.022C213.377,151.141,213.8,150.973,214,150.6Zm-91.5,8.062c-.063.17-.094.369.084.343C122.7,158.822,122.736,158.716,122.5,158.663Zm3.309-7.559c-.2-.192-.339-.1-.438.148C125.565,151.4,125.722,151.4,125.81,151.1Zm.47,3.3c.081.045.184.136.187-.016C126.385,154.336,126.294,154.247,126.28,154.407Zm2.57,13.031c-.081-.045-.184-.134-.189.017C128.744,167.509,128.834,167.6,128.85,167.438Zm-1.575-15.386c.071-.021.082-.052.036-.131C127.239,151.942,127.229,151.974,127.275,152.052Zm34.93-38.448c-.051-.043-.1-.026-.089.049C162.157,113.709,162.2,113.679,162.205,113.6Zm-38.442,43.537c-.006.091,0,.1.059.052Zm1.219-.773c-.045.08-.021.07.041.066Zm86.962,7.622c-.015-.088-.063-.123-.107-.054C211.834,164.022,211.89,164.041,211.944,163.99Zm-89.773-13.352c.006-.092,0-.1-.06-.052Zm-.025,12.791c-.058.056-.071.069.009.1Z" fill="#fff" />
</mask>
<mask id="mask2">
<path d="M231.058,286.284c6.023,4.626.479-1.809-2.807-3.522-1.581-1.19-5.3-2.335-5.984-3.169,1.4.323,4.246.709,5.7,2.018,5.669.6,10.955,8.717,7.635,13.731-1.2,1.414-12.7,1.146-5.217,2.153.985,3.056,3.633-.447,4.829.189-.066,1.651-4.56,1.618-2.352,2.68-.485.046.147-.046.258.226-1.265.959-2.587,1.473.1,2.719,1.35.567.774,1.812-.506,1.277,1.056,2.062.812,4.116,3.325,4.4-6.906,3.334-15.526-2.795-22.314-2.127-1.581-3.63-23.153-1.579-19.484-4.637.224-1.508-1.3-.217-2.111-.576-1-1.247,1.267-1.169,2.142-.939-5.611-2.222,1.3-3.027-5.93-5.065-2.119-1.745,2.033-6.618,3.4-3.118-.195-.756.964-2.6-.684-2.518-.553-.378-.892-1.045-.073-1.465.1-.557-.8-1.7.171-1.846,2.933-.39,2.44-2.348,5.263-1.871-.472-.775-2.927-1.271-1.875-2.773.29-1.172-2.871-1.51.22-2.036-6.666.284-11.212-6.91-4.557-5.782.428.541,1.353.181,1.915.627l-.01-.014c.729.546,1.951.343,2.818.546.074.774.483.772,1.035.5,3.558,1.81,9.3.793,11.712,4.82-.08.251-.294.229-.518.22-1.157.264.732.518-.079,1.268.147.991,1.606-.727,2.326-.142.9-.524,3.2-.315,3.731.338.206-.805,1.206.551,1.695-.416.915,2.605,1.188-1.188,1.743,1.391.209-1.048,3.109.586,4.262.176,3.307-.06,6.7,1.192,9.608,2.5.2.368.38-.032.623.237C230.69,286.8,231.563,286.809,231.058,286.284Zm-35.222-3.5c.349.454-.3-.429-.769-.256C194.342,282.8,195.507,282.824,195.836,282.784Zm-5.594-.4.1-.021C189.527,281.855,189.746,283.256,190.242,282.379Zm3.617.565c.532-.9-.458-1.524-1.149-.725Zm32.311,2.169c-.6-.61-.814-.667-1.833-.5A2.886,2.886,0,0,0,226.17,285.113ZM184.033,291.1c.372-.176.419-.517-.067-.579C183.542,290.576,183.9,290.858,184.033,291.1Zm18.93-12.125c-.23.135-.305.274-.05.4C203.286,279.44,203.225,279.112,202.963,278.979Zm19.783,5.336c.222.015.543.227.531-.057C223.04,284.185,222.911,284.02,222.746,284.315ZM185.88,271.33c.093.141.163.127.276.019C186.057,271.223,185.961,271.152,185.88,271.33Zm3.427,10.438c-.135.157-.381.2-.2.381C189.288,282.03,189.39,282.032,189.307,281.768Zm12.032-2.4c-.025.147.064.164.19.1C201.584,279.337,201.461,279.331,201.339,279.368Zm-10.572,3.518c.1.05.112,0,.114-.085C190.8,282.794,190.755,282.8,190.767,282.886Zm31.686-5.95c.027-.065.093-.165-.018-.18C222.293,276.827,222.326,276.882,222.453,276.936ZM227,285.448c-.139.046-.016.1.07.137C227.223,285.556,227.072,285.493,227,285.448Zm-21.092-6.736c.037.057.069.061.12.017C205.993,278.673,205.961,278.669,205.91,278.712ZM194.3,283.534l.07-.007C194.336,283.49,194.322,283.479,194.3,283.534Zm5.861-4.921c0,.074.044.112.107.066C200.293,278.609,200.235,278.583,200.164,278.613Zm-3.338,4.374c-.07-.025-.1-.026-.1.056C196.792,283.067,196.825,283.069,196.826,282.987Z" fill="#fff" />
<path data-name="mask2" d="M237.786,269.033a6.762,6.762,0,0,1,.3,2.094.927.927,0,0,0,.305.636,5.321,5.321,0,0,0,1.074.838,9.272,9.272,0,0,1,2.529,1.974,3.577,3.577,0,0,0,.9.536c0,.006.092.06.108.131a1.4,1.4,0,0,0,1.016,1.115c.884.3,1.114.931.849,1.895-.01.035-.055.061-.084.092s-.069.056-.107.061c-.35.049-.725-.121-1.031.256a1.254,1.254,0,0,0-.164,1.073,16.412,16.412,0,0,1-.405,4.231,1.455,1.455,0,0,1-.459.724,5.93,5.93,0,0,1-.817.587.71.71,0,0,0-.117.215c-.13.987-.214,1.062-1.132,1.061-.541,0-1.083,0-1.622.045a1.67,1.67,0,0,1-1.673-.576,3.08,3.08,0,0,0-.552-.466l.435-.529c-.417-.529-.824-1.046-1.279-1.622a2.621,2.621,0,0,1,.3-.609c.46-.543.954-1.057,1.431-1.586a3.69,3.69,0,0,0,.565-.673,5.514,5.514,0,0,1,1.923-1.934.876.876,0,0,0-.081-1.588,1.994,1.994,0,0,0-1.651-.335,6.025,6.025,0,0,1-.993.108c-.292-.424.264-.542.324-.881-.066-.065-.137-.2-.233-.22a3.838,3.838,0,0,1-1.819-.737c-.095-.081-.24-.123-.3-.221-.556-.929-1.551-.989-2.429-1.283a4.267,4.267,0,0,0-1.867,2.061c.5.364,1.024.7,1.04,1.489-.973-.1-1.446-.947-2.255-1.229a11.749,11.749,0,0,1-2.257-1.424c.557,1.2.557,1.2.524,1.783h.017a.933.933,0,0,0-1.1.134c-.295-.2-.48-.577-.912-.457.578-.661.095-1.282.043-1.96l-1.062.515c.243.406.776.6.651,1.143a.374.374,0,0,0-.083-.05.246.246,0,0,0-.077,0l.16.034.4.317-.6.525a1.332,1.332,0,0,0,.939.769c.766.145.943.676,1.02,1.4l-.77.123c0-.12,0-.241-.014-.361-.015-.187.044-.413-.22-.482a.127.127,0,0,0-.1.037.461.461,0,0,0,.026.645c.069.08.211.1.319.142l.041.809c-.483.171-.4-.251-.638-.445-.656-.021-1.4-.069-2.137-.061a3.165,3.165,0,0,1-1.175-.289c0-.258,0-.463,0-.678-.455-.459-.928-.082-1.44,0a4.886,4.886,0,0,0-2.99-1.17l-.328-1.072c-.2-.094-.429-.19-.647-.3s-.422-.237-.626-.354a2.969,2.969,0,0,0-.362.193c-.681.51-.909.5-1.477-.062a1.8,1.8,0,0,1-.669-1.277l-1.592-.956c-.114.181-.24.383-.367.584-.472-.183-.731.337-1.137.356-.114,0-.3-.037-.335-.112-.219-.486-.9-.556-1-1.145-.018-.1-.163-.18-.249-.269-.021-.07-.038-.141-.064-.208a.339.339,0,0,0-.065-.084c0,.046-.026.105-.006.135a.956.956,0,0,0,.152.153c-.158.026-.339.113-.47.065a4,4,0,0,1-.633-.379.378.378,0,0,0-.551.068.769.769,0,0,0-.145.562,6.356,6.356,0,0,0,.517.938c-.154.291-.521.322-.542.687a.5.5,0,0,1-.483.492c-.3.011-.376-.217-.479-.466a4.875,4.875,0,0,0-.569-.933c-.056-.078-.212-.084-.375-.142-.085.248-.16.468-.255.747l-.765-.629c.067-.145.234-.338.2-.488a.726.726,0,0,0-.393-.416,1.934,1.934,0,0,0-.608-.07h.02c-.473-.258-.943-.522-1.42-.772-.456-.239-.85-.487-.833-1.116.008-.273-.292-.382-.568-.273-.257.1-.507.224-.788.349l.548.825c-.318-.082-.512-.074-.611-.167a15.829,15.829,0,0,1-1.391-1.411,13.836,13.836,0,0,1-1.039-1.54.717.717,0,0,1,.12-.82l.6.492a2.33,2.33,0,0,0,.178.7c.26.407.583.773.884,1.16a1.426,1.426,0,0,0,.672-.695,7.3,7.3,0,0,1-.907-.45,9.773,9.773,0,0,1-.843-.71.582.582,0,0,0-.583-.481c-.209-.131-.427-.249-.625-.4-.152-.113-.017-.635-.421-.362-.29.2.035.422.1.641.159.507.267,1.032.412,1.613-.186.055-.363.17-.476.127-.3-.116-.72-.232-.827-.471a2.33,2.33,0,0,0-1.575-1.3,1.3,1.3,0,0,1-.435-.239c-.659-.558-1.285-1.159-1.97-1.683a4.921,4.921,0,0,0-2.011-1.177,1.616,1.616,0,0,1-.609-.373c-.26-.2-.485-.453-.752-.645a.814.814,0,0,0-.47-.122.409.409,0,0,0-.291.194.523.523,0,0,0,.015.345.38.38,0,0,0,.168.176c1.515.94,2.795,2.212,4.353,3.094a1.634,1.634,0,0,1,.653.554,1.719,1.719,0,0,0,1.464.9c.244.316.393.663.655.813.437.25.432.668.549,1.071a3.736,3.736,0,0,1,.947.194,2.491,2.491,0,0,1,.751.643.714.714,0,0,1,.152.551c-.037.16-.248.281-.4.435-.443-.417-.826-.787-1.221-1.145a5.9,5.9,0,0,0-.765-.633,22.745,22.745,0,0,1-2.112-1.31,18.993,18.993,0,0,0-1.962-1.511,23.5,23.5,0,0,1-2.166-1.671,2.048,2.048,0,0,0-1.2-.609.975.975,0,0,1-.775-.548,2.943,2.943,0,0,0-.686-.705c-.526-.4-1.08-.755-1.623-1.129a1.689,1.689,0,0,1-.2-.137c-2.123-1.987-1.888-1.993-4.366-3.333a4.429,4.429,0,0,1-1.54-1.235,4.286,4.286,0,0,0-.83-.722c-.128-.1-.286-.166-.425-.258-.97-.639-.98-.655-1.363-1.851a2.069,2.069,0,0,0-1.566-.577.768.768,0,0,1-.919-.647,2.185,2.185,0,0,0-1.433-1.6,1.713,1.713,0,0,1-.666-.523,3.465,3.465,0,0,0-.886-.846,2.2,2.2,0,0,1-.723-.828,3.571,3.571,0,0,0-1.809-1.652,6.331,6.331,0,0,1-1.924-1.5,41.246,41.246,0,0,0-4.5-3.9,3.346,3.346,0,0,0-.541-.306,7.046,7.046,0,0,1-1.886-1.41,4.425,4.425,0,0,0-1.257-1,1.776,1.776,0,0,1-.733-.653,25.7,25.7,0,0,0-2.994-3.327c-.581-.649-1.2-1.264-1.788-1.906-.47-.515-.487-.738-.1-1.321a4.05,4.05,0,0,1,.693-.888,3.6,3.6,0,0,0,1.215-2.517,17.18,17.18,0,0,1,.667-2.5l.768-.3a1.583,1.583,0,0,0-.133-1.195c.265-.4.546-.806.817-1.222.339-.52.909-.543,1.5-.7,0-.439,0-.887.008-1.4a2.125,2.125,0,0,0,.931-2.138.925.925,0,0,1,.837-1.062,8.686,8.686,0,0,1,1.016-.065l1.932-1.831,1.764-.091c1.109,1.225,1.223,1.255,3.008.8-.326-.391-.513-.881-1.113-.908-.035-.273-.06-.548-.109-.82-.036-.2-.123-.4-.149-.6-.058-.46.205-.752.651-.69.74.1,1.473.259,2.212.367.61.089,1.225.142,1.965.225.065.177.159.486.288.78.309.707.787.784,1.343.253.3-.288.635-.543.952-.815.126-.109.33-.212.355-.342.218-1.171,1.411-1.6,1.931-2.648a5.371,5.371,0,0,0-.4-.664q-1.038-1.319-2.107-2.612c-.5-.606-1.038-1.185-1.554-1.78-.3-.345-.6-.687-.873-1.055a.848.848,0,0,1-.2-.559,1.673,1.673,0,0,0-.348-1.167c-.541-.932-1.088-1.86-1.631-2.791a1.379,1.379,0,0,1-.17-.333,6.266,6.266,0,0,0-1.208-2.147,11.1,11.1,0,0,0-2.148-2.228,8.2,8.2,0,0,1-.736-.672c-.557-.557-1.1-1.127-1.659-1.684a2.135,2.135,0,0,1-.737-1.294,2.931,2.931,0,0,1,2.122.483c.312.206.59.463.905.661a1.5,1.5,0,0,0,1.51.285c.293-.123.711.06,1.132.111a1.65,1.65,0,0,0,.07-1.647,3.859,3.859,0,0,1-.155-2.805,2.289,2.289,0,0,1,.251-.389c.167.133.378.219.444.37a5.942,5.942,0,0,1,.384,1.185,2.362,2.362,0,0,0,.68,1.3,2.574,2.574,0,0,1,.91,1.976,2.006,2.006,0,0,0,.681,1.434c.852.848,1.711,1.688,2.567,2.532a.977.977,0,0,0,1.343.22c.44-.286.879-.111,1.331-.04,1.315.207,2.635.384,3.954.558a1.816,1.816,0,0,0,.518-.111,8.272,8.272,0,0,0-1.5-2.047c-1.82-2.161-3.524-4.41-5.17-6.705-.459-.641-.924-1.279-1.331-1.953a2.667,2.667,0,0,1-.049-2.855c.207-.366.4-.744.622-1.1a.654.654,0,0,1,.863-.314,4.431,4.431,0,0,1,1.071.61c.714.569,1.4,1.172,2.082,1.781,1.207,1.079,2.411,2.162,3.6,3.264,1.611,1.5,3.2,3.017,4.808,4.515.638.593,1.313,1.147,1.964,1.727,1.209,1.077,2.462,2.11,3.6,3.255a7.768,7.768,0,0,0,4.9,2.185,22.355,22.355,0,0,1,4.546.79,1.4,1.4,0,0,0,.616.07,1.439,1.439,0,0,1,1.059.28,3.8,3.8,0,0,0,1.508.546,3.9,3.9,0,0,1,1.6.651,5.454,5.454,0,0,0,3.4.984,17.45,17.45,0,0,1,5.331.413c1.948.574,4,.768,5.882,1.6a15.735,15.735,0,0,1,2.307,1.223,13.228,13.228,0,0,1,5.019,5.407c.174.375.439.706.649,1.064a2.1,2.1,0,0,0,.9.821,4.05,4.05,0,0,1,1.487,1.106,1.152,1.152,0,0,0,.987.443c.668,0,1.339.038,2-.02a26.435,26.435,0,0,1,5.117.259c.166.017.329.055.494.074.743.087,1.59-.014,2.166.475.647.549,1.465.288,2.1.65a9.665,9.665,0,0,1,3.628,2.964,2.7,2.7,0,0,1,.408.765c.117.48.087,1.005.677,1.23.107.041.171.28.192.436a6.006,6.006,0,0,1-.338,3.328c-.486,1.111-.872,2.267-1.293,3.406a1.614,1.614,0,0,0,.125,1.448c.281.46.6.9.919,1.332q.858,1.146,1.743,2.268a3.266,3.266,0,0,0,2.142,1.573.993.993,0,0,1,.816.692c.275.7.519,1.407.8,2.1a4.373,4.373,0,0,0,.466.862c.351.5.736.976,1.137,1.5l.569-.165a5.743,5.743,0,0,0,1.535,2.31l.422-.408a2,2,0,0,1,1.155,1.236,3.139,3.139,0,0,0,1.113,1.455c1.549,1.25,3.082,2.52,4.62,3.784a4.722,4.722,0,0,1,1.611,1.862,1.072,1.072,0,0,0,.3.4,10.267,10.267,0,0,0,3.025,2.152,11.753,11.753,0,0,1,1.35.7,9.62,9.62,0,0,0,.387,1.14,7.073,7.073,0,0,0,.631.9,2.533,2.533,0,0,1-.7.1c-.445-.091-.874-.265-1.321-.342a.76.76,0,0,0-.551.194.517.517,0,0,0-.034.69,2.593,2.593,0,0,0,.248.279c.581.689.6.7.147,1.5a3.324,3.324,0,0,0-.338,1.2.625.625,0,0,1-.658.629c-.373.04-.751.035-1.126.056a1.376,1.376,0,0,0-1.293.626.834.834,0,0,1-.272.259.83.83,0,0,0-.275,1.2,3.086,3.086,0,0,1,.149.542,4.553,4.553,0,0,0-2.43,1.652c.182.247.633-.024.657.5l-.908.384c.285.293.521.56.782.8s.561.468.833.692c-.561.867-1.339,1.076-2.022.591-.167-.119-.282-.318-.458-.416a.843.843,0,0,0-.576-.139,4.338,4.338,0,0,1-2.533.007c-.311.3-.138.526.007.711a1.025,1.025,0,0,1,.275,1.025,1.055,1.055,0,0,0,.139.7,2.035,2.035,0,0,1,.254,1.68,1.042,1.042,0,0,0,.107.843c.141.282.254.579.4.925a3.175,3.175,0,0,1-2.043-1.05,1.422,1.422,0,0,1-1.763-.693l-1.146.092c.285.261.459.414.625.575a.638.638,0,0,1,.149.694c-.088.28-.314.35-.584.386a3.634,3.634,0,0,1-2.287-.462c-.944-.52-1.867-1.08-2.814-1.6a4.772,4.772,0,0,0-1.962-.755,1.8,1.8,0,0,1-.792-.328,6.678,6.678,0,0,0-1.348-.623,6.319,6.319,0,0,1-1.488-.829c-.158-.113-.206-.439-.221-.675a.946.946,0,0,0-.461-.829,1.234,1.234,0,0,1-.392-.3c-.459-.664-1-.675-1.743-.42a2.063,2.063,0,0,1-1.979-.127c-.734-.524-.762-.482-1.466.146-.156.14-.324.268-.486.4-.073.021-.148.036-.219.063a.382.382,0,0,0-.087.071c.049,0,.111.032.143.011A.99.99,0,0,0,237.786,269.033Zm4.6,9.715c.359-.083.76-.106.849-.65a3.668,3.668,0,0,0-1.084-.837,6.533,6.533,0,0,1-.112.7,5.845,5.845,0,0,1-.253.616l.62.174ZM178.8,194.737a5.356,5.356,0,0,0,.319.621c.726.959,1.425,1.94,2.2,2.857a26.525,26.525,0,0,0,1.922,1.946,2.547,2.547,0,0,0,1.5.551.474.474,0,0,0,.579-.263,7.227,7.227,0,0,0-.676-.813q-2.632-2.378-5.291-4.726C179.271,194.839,179.129,194.837,178.8,194.737Zm26.99,76.286c-.351-.151-.569-.262-.8-.338-.25-.082-.233-.555-.617-.449-.191.481.095.745.386.967S205.374,271.348,205.789,271.023Zm17.33,1a.7.7,0,0,0-.163.836.331.331,0,0,0,.651-.075,1.773,1.773,0,0,0-.189-.683C223.389,272.035,223.211,272.042,223.119,272.021Zm-35.927-10.029a.367.367,0,0,0-.576-.009.334.334,0,0,0,.018.32.33.33,0,0,0,.53,0A.772.772,0,0,0,187.192,261.992Zm13.774,5.979-.081.185a1.218,1.218,0,0,0,.265.21c.128.054.293.163.413-.139ZM170.9,218.978c.155.31.4.187.633.131a.134.134,0,0,0,.068-.094c0-.032-.016-.1-.038-.1C171.334,218.857,171.1,218.7,170.9,218.978Zm25.577,48.544-.321.024c.006.038.008.107.019.108.111.015.223.019.335.026Zm26.9,9.94-.2-.078c.007.072-.009.163.028.21s.131.057.2.083Zm-20.759-7.392a1.245,1.245,0,0,0-.028.18c0,.008.08.036.093.023a1.086,1.086,0,0,0,.117-.157Zm19.448,6.977.074.124.032-.087Zm3.311-3.641a.757.757,0,0,0,.1-.024c-.007-.067-.022-.132-.035-.2a.663.663,0,0,0-.1.026A1.643,1.643,0,0,0,225.375,273.406Zm3.205-2.548-.071.063.084.035Zm-7.676,5.457-.095-.007.04.09Zm-10.511-4.158c.028.009.061.032.081.024s.025-.05.037-.076c-.028-.009-.061-.031-.082-.023S210.4,272.131,210.393,272.157Zm-3.273-1.184-.094-.006.039.087Zm-4.528-3.215-.03-.089-.06.055Zm-7.17-1.016c.028-.016.074-.027.08-.048s-.025-.057-.039-.086c-.028.016-.075.027-.08.048S195.407,266.713,195.422,266.742Zm-31.969-71.785.079.019-.031-.076Z" fill="#fff" />
</mask>
<filter id="sketch-0">
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="0" />
<feDisplacementMap id="displacement" in="SourceGraphic" in2="noise" scale="1" />
</filter>
<filter id="sketch-1">
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="1" />
<feDisplacementMap in="SourceGraphic" in2="noise" scale="2" />
</filter>
<filter id="sketch-2">
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="2" />
<feDisplacementMap in="SourceGraphic" in2="noise" scale="1" />
</filter>
<filter id="sketch-3">
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="3" />
<feDisplacementMap in="SourceGraphic" in2="noise" scale="2" />
</filter>
<filter id="sketch-4">
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="4" />
<feDisplacementMap in="SourceGraphic" in2="noise" scale="1" />
</filter>
</defs>
<path mask="url(#mask1)" class="path" pathLength="1" d="M86.346,128.409s142.229-13.231,136.332-9.342-135.206,25.156-130.7,30.72,149.905-6.405,142.527-1.265-99.714,29.6-113.237,36.8" fill="none" stroke="url(#watercolour)" stroke-miterlimit="10" stroke-width="34" />
<path mask="url(#mask2)" class="path" pathLength="1" d="M168.872,180.321s120.75,73.041,113.993,80.945S175.03,209.684,161.654,210.907s39.611,61.864,80.13,67.666,10.365,4.484,10.365,4.484-84.924-3.486-77.442.477,57.614,20.724,68.526,27.113" fill="none" stroke="url(#watercolour)" stroke-miterlimit="10" stroke-width="34" />
<g id="illustration">
<g id="frond">
<path d="M204.809,211.742A322.8,322.8,0,0,1,226.2,103.6c.229-.6-.737-.862-.964-.266a334.388,334.388,0,0,0-12.686,41.089,314.655,314.655,0,0,0-8.736,67.317A.5.5,0,0,0,204.809,211.742Z" fill="#465b78" />
<g>
<path d="M225.744,103.458c2.251-1.7,6.061-6.538,5.623-5.849,7.573-17.56-6.682-10.952-5.937,5.789" fill="none" />
<path d="M226,103.889a43.334,43.334,0,0,0,5.656-5.915l-.606-.078h0a2.516,2.516,0,0,1-.112-.541c-.34.549.522,1.049.863.5,7.949-17.34-7.307-13.638-6.868,5.536,1.371,2.866,1.65-10.166,3.144-11.458,4.873-10.271,6.789.65,2.861,5.417l.863.5a.523.523,0,0,0-.043-.671h0c-2.408.548-3.844,4.5-6.263,5.84-.5.387-.005,1.256.5.864Z" fill="#465b78" />
</g>
<g>
<path d="M219.712,121.927c5.31-2.479,13.365-4.083,16.458-9.089-5.289-4.248-11.85,6.578-16.473,8.931" fill="none" />
<path d="M219.845,122.409c4.1-2.1,16.758-5.082,16.649-10.138-6.335-3.954-11.931,6.357-17.05,9.075-.538.349-.037,1.215.5.864,3.573-1.74,12.3-13.437,15.7-8.92-.743,2.952-19.038,8.213-15.8,9.133Z" fill="#465b78" />
</g>
<g>
<path d="M219,122c.15-10.313-14.856-22.336-10.86-12.738l10.736,13.626" fill="none" />
<path d="M219.5,122c-1.391-16.046-18.416-21.827-10.717-11.121,3.182,4.036,6.573,8.344,9.741,12.363.4.5,1.1-.207.707-.707-.184-1.143-14.553-16.063-10.755-16.184,5.953,2.065,9.189,9.7,10.029,15.649.067.634,1.068.641,1,0Z" fill="#465b78" />
</g>
<g>
<path d="M212.89,144.618c2.115-5.718,23.816-12.842,15.937-4.136-4.571,2.694-10.66,1.3-15.34,3.794" fill="none" />
<path d="M213.244,144.972c1.456-4.835,22.082-12.529,15.408-4.974-4.707,2.75-10.638,1.283-15.425,3.847-.571.3-.066,1.161.5.863,2.609-1.361,5.595-1.526,8.462-1.871,3.12-.388,10.229-1.4,8.532-5.95-2.881-4.892-22.072,7.433-17.489,8.085Z" fill="#465b78" />
</g>
<g>
<path d="M212.643,146.423c.358-4.4-8.639-21.892-13.2-13.945-.174,2.745,9.006,9.275,10.515,11.28,1.2,1.122,2.508,2.576,2.136,4.175" fill="none" />
<path d="M213.143,146.423c.18-5.2-9.173-23.051-14.193-13.946,1,4.51,7.09,7.471,9.945,10.962,1.16,1.086,3.072,2.546,2.724,4.361-.12.628.843.9.965.265-.42-5.741-7.727-8.615-11.043-12.886-2.993-2-1.1-5.569,2.152-3.84a23.229,23.229,0,0,1,8.454,15.081c.035.64,1.035.645,1,0Z" fill="#465b78" />
</g>
<g>
<path d="M208.462,166.926c4.46-7.324,13.905-6.965,20.375-11.227a2.629,2.629,0,0,0-1.255-4.766c-8.908-1.546-15.347,7.9-18.646,14.972" fill="none" />
<path d="M208.892,167.178c3.339-8.323,23.367-6.883,21.257-15.133-4.129-4.381-11.014-.495-14.425,3.028-1.387.931-9.585,11.665-6.354,11.079a31.714,31.714,0,0,1,5.67-8.934c3.2-3.657,9.192-8.317,14.008-4.961,3.051,6.052-17.964,6.411-21.017,14.413-.353.539.512,1.041.863.5Z" fill="#465b78" />
</g>
<g>
<path d="M208.128,168.669c2.518-8.925-19.273-31.532-15.932-18.7,5.606,6.148,13.351,10.742,15.873,19.269" fill="none" />
<path d="M208.628,168.669c.4-7.568-8.351-22.742-16.413-22.705-4.412,4.573,5.464,9,8.036,12.134a31.279,31.279,0,0,1,7.335,11.255c3.139,1.289-3.394-8.571-4.385-9.516-1.723-3.7-13.76-9.052-10.438-12.995,8.211,2.541,14.611,13.295,14.867,21.826a.5.5,0,0,0,1,0Z" fill="#465b78" />
</g>
<g>
<path d="M206.285,185.527c4.134-7.212,12.93-8.376,19.32-12.6,2.434-2.445-.981-5.057-3.57-4.072-7.9,1.674-12.285,9.175-15.591,15.894" fill="none" />
<path d="M206.717,185.78c4.09-6.943,12.467-8.262,18.853-12.148,3.41-2.6-.364-6.571-3.765-5.238-8,1.715-12.408,9.316-15.792,16.1-.294.571.568,1.078.864.5,3.068-5.951,6.64-12.767,13.382-15.144,3.489-2.087,8.585,1.031,3.546,3.715-6.41,3.147-14.058,5.151-17.95,11.7a.5.5,0,0,0,.864.5Z" fill="#465b78" />
</g>
<g>
<path d="M206.267,185.32c-1.092-8.557-7.222-17.633-14.97-21.607-3.142-1.489-4.071,2.472-1.565,4,6,5.682,13.284,10.418,16.961,18.09" fill="none" />
<path d="M206.767,185.32c-1.385-9.009-7.767-19.724-16.843-22.387-3.43.238-2.254,4.256-.121,5.543,5.848,5.479,12.909,10.152,16.455,17.589.277.58,1.139.074.864-.5-2.029-7.7-19.79-17.494-18.157-21.276,5.314-1.026,9.23,5.93,12.231,9.551a23.815,23.815,0,0,1,4.568,11.493C205.818,185.978,206.82,185.971,206.767,185.32Z" fill="#465b78" />
</g>
<g>
<path d="M204.452,201.279c4.368-5.31,11.181-7.153,17.257-9.755,11.015-7.869-13.618-8.024-16.869,9.371" fill="none" />
<path d="M204.805,201.634c4.824-6.187,13.1-7,19.289-11.011,4.514-11.06-18.953-2-19.731,10.138-.141.627.823.9.964.266a18.675,18.675,0,0,1,12.528-13.717c1.922-.751,6.117-1.511,6.111,1.6-2.222,3.474-7.5,3.579-10.9,5.63-1.5.209-11.592,6.788-8.265,7.09Z" fill="#465b78" />
</g>
<g>
<path d="M204.59,200.745a30.369,30.369,0,0,0-8.754-16.561c-3.726-3.973-6.623,1.16-3.1,4.068,3.948,4.389,9.392,7.571,12.077,12.828" fill="none" />
<path d="M205.072,200.612c.949-5.078-14.187-28.123-14.181-14.166,3.459,5.807,10.435,8.708,13.486,14.886.3.572,1.161.067.865-.5-2.817-6.649-11.648-9.34-13.653-16.1,2.139-4.976,7.73,4.318,9.058,6.485C202.179,192.143,204.2,203.75,205.072,200.612Z" fill="#465b78" />
</g>
<path d="M192.081,183.385c.809.629,1.583,1.3,2.338,1.994.1-.068-.28-3.073.294-2.255h0c-.022.058.047,2.47-.015,2.513q.918.86,1.783,1.776c0-3.313.617-2.006.258.292.534.578,1.07,1.156,1.549,1.782l.3-2.011c.655-.739-.119,2.283-.045,2.334.624.786,1.211,1.6,1.775,2.43.086-.107.093-2.031.42-1.881.278-.014-.212,2.119-.168,2.243a36.229,36.229,0,0,1,3.619,6.958c2.472-3.875,6.321-6.579,8.926-10.378.318.988-2.356,2.968-3.1,4.2a17.208,17.208,0,0,0,6.77-6.693c.616.7-2.152,3.288-2.892,4.268a7.819,7.819,0,0,0,5.91-5.066c.871.164-1.351,2.923-1.924,3.52a12.911,12.911,0,0,1,1.392-.465c-.013-.228.241-.159.375-.1,4.028-1.246,6.261-1.123.535.146.632.19,3.621,1.452,2.852,1.878a8.5,8.5,0,0,0-3.4-1.721c-.845.2-1.743.592-2.5.82a23.19,23.19,0,0,0-2.291.955c1.2,0,4.918.754,4.679,1.776-4.087-3.287-8.451-.071-11.509,2.709a7.48,7.48,0,0,0-.55.53c1.421-1.308,5.664-2.786,6.559-1.52-5.654-1.408-9.527,6.073-8.315,3.5-.542.528-.845,1.472-1.428,1.849.446,2.148-2.928-6.173-3.891-6.915-3.1.36-4.485-.14-.2-.289q-.865-1.292-1.827-2.512a9.463,9.463,0,0,0-3.563.555c-.439-.727,2.637-.848,3.343-.826-.522-.646-1.058-1.28-1.619-1.891a7.22,7.22,0,0,0-3.843.137c-.416-.786,2.8-.664,3.513-.483-1.159-1.869-3.236-2.064-5.06-2.351.739-.435,2.028.067,2.9.228C193.725,184.9,191.341,183.573,192.081,183.385Z" fill="#465b78" />
<path d="M189.171,163.879c.438.322.872.65,1.307.976.16-1.82.611-1.045.273.2q1.131.851,2.245,1.732c.084-.482-.523-2.552.127-2.143-.026.082.249,2.309.155,2.371q1.167.927,2.3,1.9c-.093-4.057.6-2.769.277.254.833.73,1.661,1.477,2.433,2.275.406-3.038.848-2.112.258.259.718.738,1.4,1.515,2.052,2.31-.163-2.672.436-1.4.313.385.411.514.793,1.049,1.173,1.585.14-2.449.6-1.318.267.36.038.054.081.1.119.16a.125.125,0,0,1,.08.121c1.381,2.238,3.076,4.958,3.263,7.5-1.044-2.318-1.847-5.168-3.508-7.337-.055-.106-3.306.6-2.477-.072l2.208-.2.01-.111a21.269,21.269,0,0,0-1.41-1.873c-.05-.12-3.66.347-2.806-.269l2.565-.029c-.625-.756-1.27-1.494-1.952-2.2-3.41.885-5.137.644-.253-.253-.779-.792-1.583-1.562-2.415-2.3-3.368,1.145-5.072.586-.216-.179-.791-.7-1.591-1.378-2.421-2.024,0,.032-3.23.3-3.248.313-.858-.537,2.888-.442,2.924-.57q-.963-.757-1.938-1.5c-.123-.04-2.509.539-2.484.255-.17-.317,2.062-.419,2.153-.505C190.26,164.911,188.522,164.141,189.171,163.879Z" fill="#465b78" />
<path d="M212.8,174.963a10.225,10.225,0,0,1-1.146,2.534,19.067,19.067,0,0,1,1.918-1.639c.8-2.772,1.954-4.181.418-.337a34.186,34.186,0,0,1,3-2.047c.755-3.45,1.656-4.513.373-.227.85-.5,1.728-.955,2.62-1.378-.424-.059,1.5-2.623,1.456-2.752.97-.43-1.266,2.453-1.18,2.548.022.014.041.033.063.047,6.365-2.628,7.844-2.428.283.214,3.481,2.741,2.795,2.9-.307.141a32.7,32.7,0,0,0-3.039,1.587v.011c3.728,2.624,2.7,2.672-.278.158a32.657,32.657,0,0,0-2.854,1.957c3.676,1.723,2.549,1.816-.255.206-.857.671-1.684,1.378-2.47,2.13,5.286-.24,4.028.331-.307.316-6.283,7.608-6.442,6.927-.324-.117a.153.153,0,0,1,.128-.166C211.509,177.685,212.459,174.387,212.8,174.963Z" fill="#465b78" />
<path d="M192.807,146.664c.456.372.9.765,1.337,1.154.054-.326-.17-1.748.315-1.235h0a8.906,8.906,0,0,1-.06,1.449c.671.6,1.319,1.222,1.956,1.855.261-3.51.659-1.856.274.269l.052.051a.149.149,0,0,1,.173.173c.694.705,1.358,1.438,2.01,2.183.177-.523-.185-2.675.441-2.3l-.161,2.621.042.048a.143.143,0,0,1,.139.164c.65.734,1.261,1.492,1.838,2.29.628-3.377.939-2.365.245.323l.025.033a.127.127,0,0,1,.122.161c.531.723,1.036,1.463,1.53,2.211.733-3.878,1.093-2.479.209.324.41.631.8,1.274,1.182,1.921.83-2.563,1.033-1.445.2.323.345.595.666,1.2.986,1.812,1.313-2.347,1.288-1.218.166.3.575,1.6,2.818,4.814,2.24,5.833a50.409,50.409,0,0,0-3.569-7.649V161c-.108.166-.28,0-.41-.047-.225-.191-.811.053-.923-.251.191-.366.864-.063,1.172.059l.013-.038c-.389-.673-.776-1.357-1.212-2-1.866.047-2.559-.389-.212-.324-.521-.8-1.059-1.582-1.624-2.347-2.451.354-3.758-.121-.216-.284-.649-.865-1.32-1.712-2.021-2.536-.1-.108-4.052.113-3.95-.25-.15-.349,3.622.024,3.7-.057-.721-.828-1.453-1.645-2.235-2.414-.091-.083-3.6.083-3.463-.241-.109-.353,3.053.016,3.15-.067-.6-.593-1.212-1.175-1.839-1.74a6.152,6.152,0,0,0-2.491.292c-.567-.55,1.652-.607,2.123-.608C193.81,147.768,192.06,146.8,192.807,146.664Z" fill="#465b78" />
<path d="M213.628,158.3c.777-.67-.423,1.76-.4,1.818.746-.741,1.5-1.47,2.281-2.175h0c.1-.067.9-2.644,1.163-2.394.264.06-.666,1.807-.657,1.934a24.1,24.1,0,0,1,2.92-2.208c-.063-.633,1.167-3.458,1.569-2.62a4.394,4.394,0,0,0-1.2,2.286.111.111,0,0,1,.106.049,13.23,13.23,0,0,1,2-1.008c-.353-.609,2.486-4.024,2.578-3.065a7.855,7.855,0,0,0-2.386,2.99,15.668,15.668,0,0,1,2.784-.823c.076-.569,2.431-2.662,2.457-1.8a5.615,5.615,0,0,0-2.119,1.734c5.921-.488,6.982.129.07.29a4.533,4.533,0,0,0,2.435,2.792c-.349.956-2.7-1.868-2.738-2.738a15.474,15.474,0,0,0-2.713.783c4.526,5.092,3.108,4.508-.281.12a13.758,13.758,0,0,0-1.942.973,7.362,7.362,0,0,0,3.392,3.353c-.727.765-3.184-2.135-3.647-3.2a23.405,23.405,0,0,0-3.08,2.3c3.707,2.129,2.951,2.391-.235.2-.99.877-1.938,1.809-2.874,2.741,3.96.72,2.3.962-.252.253-5.938,5.776-5.981,5.016-.094-.332C212.95,159.8,213.373,159.057,213.628,158.3Z" fill="#465b78" />
<path d="M219.016,140.334c-.464.011,1.318-2.172,1.425-1.887.248.124-1.23,1.69-1.253,1.813a21.968,21.968,0,0,1,2.53-.947c-.2-.073,1.526-2.1,1.533-2.178.136-.138.348.075.212.212l-1.411,1.856a26.8,26.8,0,0,1,2.753-.671c.821-1.924,2.508-2.724.261-.044a15.918,15.918,0,0,1,2.195-.283c-.013-.136,1.719-1.769,1.762-1.868.135-.138.347.073.213.212l-1.567,1.618c2.858-.293,3.358.306.116.292,2.136,2.734.948,2.072-.345.024-.743.062-1.482.158-2.217.281,2.3,3.5,1.348,3.19-.306.063a20.263,20.263,0,0,0-2.695.638c2.794,3.774,1.836,3.438-.307.088-.791.247-1.568.535-2.332.854.407.187,1.49,1.96.71,1.7a2.675,2.675,0,0,0-1.011-1.573C211.822,144.867,211.819,144.217,219.016,140.334Z" fill="#465b78" />
<path d="M200.313,131.4q.8.468,1.573.992c.387-2.835.863-1.931.251.178.614.427,1.2.885,1.783,1.36h.015c-.1-.428.231-3.109.683-2.307a5.1,5.1,0,0,0-.369,2.57,26.913,26.913,0,0,1,2,1.881l.066-.008c-.363-4.322.38-2.71.3.4.585.634,1.129,1.3,1.653,1.987.263-.544.189-2.959.776-2.482-.021.034-.5,2.778-.544,2.789.525.7,1.007,1.441,1.464,2.191l.063-.012c.8-3.513,1.1-1.622.13.346,3.448,6.766,2.818,6.909-.322,0-2.663.7-3.455.259-.17.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0