代码: 全选
<svg id="etmain" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="100%" height="480"> <defs> <path id="tile0" fill="#ececec" d="M 0 15.588 L -9 31.176 L -27 31.176 L -45 31.176 L -54 15.588 L -27 0 L -27 -31.176 L -9 -31.176 L 0 -46.764 L 27 -31.176 L 27 0 L 45 0 L 54 15.588 L 27 31.176 Z"></path> <path id="tile1" fill="#54b0e8" d="M -27 31.176 L -54 15.588 L -45 0 L -27 0 L -27 -31.176 L 0 -46.764 L 9 -31.176 L 27 -31.176 L 27 0 L 54 15.588 L 45 31.176 L 27 31.176 L 9 31.176 L 0 15.588 Z"></path> <path id="tile2" fill="#f9d98d" d="M 0 31.177 L -27 46.765 L -36 31.177 L -27 15.588 L -54 0 L -54 -31.177 L -36 -31.177 L -27 -15.588 L 0 -31.177 L 27 -15.588 L 54 0 L 54 31.177 L 36 31.177 L 27 46.765 Z"></path> <path id="tile3" fill="#d25e5e" d="M -27 46.765 L -36 31.177 L -54 31.177 L -54 0 L -27 -15.588 L 0 -31.177 L 27 -15.588 L 36 -31.177 L 54 -31.177 L 54 0 L 27 15.588 L 36 31.177 L 27 46.765 L 0 31.177 Z"></path> </defs> <g id="etdrop" transform="translate(-329,-157) scale(1)"><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(153,145) rotate(37.579)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(114.974,194.415) rotate(37.579)" class="tiledroped"></use><use href="#tile1" stroke="#777" stroke-width="2" transform="translate(144.671,89.417) rotate(-22.42)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(167.246,37.946) rotate(37.579)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(205.272,-11.469) rotate(37.579)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(218.369,126.46) rotate(-22.422)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(234.999,60.581) rotate(-82.42)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(82.862,81.193) rotate(157.58)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(66.232,147.075) rotate(97.579)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(192.235,204.695) rotate(157.578)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(257.606,186.154) rotate(-142.423)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(289.684,122.328) rotate(97.577)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(306.314,56.453) rotate(157.581)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(282.533,-1.19) rotate(157.578)" class="tiledroped"></use><use href="#tile1" stroke="#777" stroke-width="2" transform="translate(358.612,77.021) rotate(97.577)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(391.902,122.305) rotate(157.576)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(338.427,169.669) rotate(37.577)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(396.636,27.603) rotate(-82.423)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(347.904,-19.725) rotate(-142.42)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(243.298,-60.884) rotate(37.579)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(308.668,-79.425) rotate(-22.422)" class="tiledroped"></use><use href="#tile1" stroke="#777" stroke-width="2" transform="translate(234.969,-116.467) rotate(-22.42)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(257.544,-167.938) rotate(37.579)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(295.57,-217.353) rotate(37.579)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(325.295,-145.307) rotate(-82.423)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(173.16,-124.691) rotate(157.58)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(156.53,-58.81) rotate(97.579)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(108.998,2.958) rotate(-22.422)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(43.628,21.498) rotate(37.579)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(85.215,-54.678) rotate(-22.422)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(101.845,-120.562) rotate(-82.421)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(199.296,-202.926) rotate(-22.422)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(133.926,-184.386) rotate(37.579)" class="tiledroped"></use><use href="#tile1" stroke="#777" stroke-width="2" transform="translate(32.914,-75.256) rotate(-82.421)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(-5.113,-25.845) rotate(97.578)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(-0.374,-120.541) rotate(-22.422)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(-24.157,-178.179) rotate(-22.422)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(53.104,-167.904) rotate(-142.422)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(379.987,-83.55) rotate(97.581)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(428.714,-36.224) rotate(37.576)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(467.951,23.471) rotate(157.578)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(451.325,89.352) rotate(97.575)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(494.082,-54.768) rotate(-22.425)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(470.298,-112.405) rotate(-22.423)" class="tiledroped"></use><use href="#tile1" stroke="#777" stroke-width="2" transform="translate(418.015,-132.965) rotate(-82.419)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(384.719,-178.258) rotate(-22.422)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(360.939,-235.893) rotate(-22.422)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(486.924,-178.287) rotate(-82.424)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(438.197,-225.617) rotate(-142.421)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(415.687,179.942) rotate(157.576)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(399.062,245.825) rotate(97.575)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(337.253,237.605) rotate(97.576)" class="tiledroped"></use><use href="#tile1" stroke="#777" stroke-width="2" transform="translate(281.391,243.793) rotate(37.577)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(237.421,278.8) rotate(97.576)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(175.606,270.577) rotate(97.578)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(286.164,326.14) rotate(37.577)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(351.533,307.599) rotate(-22.426)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(481.059,161.399) rotate(-142.426)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(460.869,254.045) rotate(97.577)" class="tiledroped"></use><use href="#tile1" stroke="#777" stroke-width="2" transform="translate(504.847,219.036) rotate(37.574)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(560.709,212.846) rotate(97.573)" class="tiledroped"></use><use href="#tile0" stroke="#777" stroke-width="2" transform="translate(622.517,221.063) rotate(97.573)" class="tiledroped"></use><use href="#tile0" stroke="#436" stroke-width="4" transform="translate(513.795,308.873) rotate(28.375)" class="tilemoving"></use></g> </svg>