代码: 全选
<svg id="etani" version="1.1" xmlns="http://www.w3.org/2000/svg" width="480" height="480" rfm="repeat" viewBox="0 0 480 480" preserveAspectRatio="xMidYMid meet"> <defs mode="0" rotatestep="1" rotatestart="0" stepvalue="45" snapto="0" displaywait="1"> <g id="tile0" frontfill="#4965e4" backfill="#c8d2ff" stroke="#ccc"><path fill="#c8d2ff" d="M -30,-30 L 30,-30 L 30,30 L -30,30 Z"/>
<path fill="none" stroke-width="6" stroke="#4965e4" d="M -26,-26 L 26,-26"/>
<path fill="#4965e4" stroke="none" d="M 0,-12 L 15.588,15 L -15.588,15 Z"/>
</g><g id="tile1" frontfill="#d54730" backfill="#ffc6bd"><path stroke="#ccc" fill="#ffc6bd" d="M -30,-30 L 30,-30 L 30,30 L -30,30 Z"/>
<path fill="none" stroke-width="6" stroke="#d54730" d="M -26,-26 L 26,-26"/>
<path fill="#d54730" stroke="none" d="M 0,-12 L 15.588,15 L -15.588,15 Z"/>
</g><g id="tile2" frontfill="#4965e4" backfill="#c8d2ff" stroke="#ccc"><path fill="#c8d2ff" d="M -30,-30 L 30,-30 L 30,30 L -30,30 Z"/>
<path fill="none" stroke-width="6" stroke="#4965e4" d="M -26,26 L -26,-26 L 26,-26"/>
<path fill="#4965e4" stroke="none" d="M -16.971,-16.971 L 3.106,-11.591 L -11.591,3.106 Z"/>
<path fill="#4965e4" stroke="none" d="M 0,0 L 20.076,5.38 L 5.38,20.076 Z"/>
</g><g id="tile3" frontfill="#d54730" backfill="#ffc6bd" stroke="#ccc"><path fill="#ffc6bd" d="M -30,-30 L 30,-30 L 30,30 L -30,30 Z"/>
<path fill="none" stroke-width="6" stroke="#d54730" d="M -26,26 L -26,-26 L 26,-26"/>
<path fill="#d54730" stroke="none" d="M -16.971,-16.971 L 3.106,-11.591 L -11.591,3.106 Z"/>
<path fill="#d54730" stroke="none" d="M 0,0 L 20.076,5.38 L 5.38,20.076 Z"/>
</g><g id="tile4" frontfill="#4965e4" backfill="#c8d2ff" stroke="#ccc"><path fill="#c8d2ff" d="M -30,-30 L 30,-30 L 30,30 L -30,30 Z"/>
<path fill="none" stroke-width="6" stroke="#4965e4" d="M -26,26 L -26,-26 M 26,26 L 26,-26"/>
<path fill="#4965e4" stroke="none" d="M -18,0 l 12,-12 v 24 Z"/>
<path fill="#4965e4" stroke="none" d="M 18,0 l -12,-12 v 24 Z"/>
</g><g id="tile5" frontfill="#d54730" backfill="#ffc6bd" stroke="#ccc"><path fill="#ffc6bd" d="M -30,-30 L 30,-30 L 30,30 L -30,30 Z"/>
<path fill="none" stroke-width="6" stroke="#d54730" d="M -26,26 L -26,-26 M 26,26 L 26,-26"/>
<path fill="#d54730" stroke="none" d="M -18,0 l 12,-12 v 24 Z"/>
<path fill="#d54730" stroke="none" d="M 18,0 l -12,-12 v 24 Z"/>
</g><g id="tile6" frontfill="#4965e4" backfill="#c8d2ff" stroke="#ccc"><path fill="#c8d2ff" d="M -30,-30 L 30,-30 L 30,30 L -30,30 Z"/>
<path fill="none" stroke-width="6" stroke="#4965e4" d="M -26,26 L -26,-26 L 26,-26 L 26,26"/>
<path fill="#4965e4" stroke="none" d="M -18,12 l 12,-12 v 24 Z"/>
<path fill="#4965e4" stroke="none" d="M 18,12 l -12,-12 v 24 Z"/>
<path fill="#4965e4" stroke="none" d="M 0,-18 l 12,12 h -24 Z"/>
</g><g id="tile7" frontfill="#d54730" backfill="#ffc6bd" stroke="#ccc"><path fill="#ffc6bd" d="M -30,-30 L 30,-30 L 30,30 L -30,30 Z"/>
<path fill="none" stroke-width="6" stroke="#d54730" d="M -26,26 L -26,-26 L 26,-26 L 26,26"/>
<path fill="#d54730" stroke="none" d="M -18,12 l 12,-12 v 24 Z"/>
<path fill="#d54730" stroke="none" d="M 18,12 l -12,-12 v 24 Z"/>
<path fill="#d54730" stroke="none" d="M 0,-18 l 12,12 h -24 Z"/>
</g><g id="tile8" frontfill="#4965e4" backfill="#c8d2ff" stroke="#ccc" stroke-linecap="round"><path fill="#c8d2ff" d="M -30,-30 L 30,-30 L 30,30 L -30,30 Z"/>
<path fill="none" stroke-width="6" stroke="#4965e4" d="M -26,-26 L 26,26 M -26,26 L 26,-26"/>
</g><g id="tile9" frontfill="#d54730" backfill="#ffc6bd" stroke="#ccc" stroke-linecap="round"><path fill="#ffc6bd" d="M -30,-30 L 30,-30 L 30,30 L -30,30 Z"/>
<path fill="none" stroke-width="6" stroke="#d54730" d="M -26,-26 L 26,26 M -26,26 L 26,-26"/>
</g></defs> <g class="etdrop" stroke-linecap="round" stroke="#777" stroke-width="2" stroke-linejoin="round" transform="translate(240,240) scale(1,1)" id="etanidrop"><g class="etboard"><circle r="6" cx="0" cy="0" fill="purple" stroke="none" stroke-width="0" class="bcenter"/><path stroke-width="1" stroke="#aaa" d="
M -210,-210 L -210,210 L 210,210 L 210,-210 Z
M -210,-150 h 420 M -210,-90 h 420 M -210,-30 h 420 M -210,30 h 420 M -210,90 h 420 M -210,150 h 420 M -150,-210 v 420 M -90,-210 v 420 M -30,-210 v 420 M 30,-210 v 420 M 90,-210 v 420 M 150,-210 v 420" fill="none" class="boardsnap0"/></g><use href="#tile0" fill="#c8d2ff" transform="translate(60,0) scale(-1,1) rotate(-90)" class="tiledropped"/><use href="#tile1" fill="#d54730" transform="translate(0,60) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile3" fill="#ffc6bd" transform="translate(60,60) scale(-1,1) rotate(0)" class="tiledropped"/><use href="#tile7" fill="#d54730" transform="translate(-60,60) scale(1,1) rotate(180)" class="tiledropped"/><use href="#tile7" fill="#d54730" transform="translate(0,-60) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile4" fill="#4965e4" transform="translate(-120,60) scale(1,1) rotate(-90)" class="tiledropped"/><use href="#tile4" fill="#4965e4" transform="translate(120,0) scale(1,1) rotate(-90)" class="tiledropped"/><use href="#tile0" fill="#c8d2ff" transform="translate(-120,-60) scale(-1,1) rotate(0)" class="tiledropped"/><use href="#tile0" fill="#c8d2ff" transform="translate(-120,-120) scale(-1,1) rotate(0)" class="tiledropped"/><use href="#tile0" fill="#c8d2ff" transform="translate(-60,-120) scale(-1,1) rotate(0)" class="tiledropped"/><use href="#tile2" fill="#4965e4" transform="translate(0,0) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile2" fill="#4965e4" transform="translate(-60,120) scale(1,1) rotate(-90)" class="tiledropped"/><use href="#tile2" fill="#4965e4" transform="translate(120,-60) scale(1,1) rotate(90)" class="tiledropped"/><use href="#tile3" fill="#ffc6bd" transform="translate(60,-60) scale(-1,1) rotate(0)" class="tiledropped"/><use href="#tile3" fill="#ffc6bd" transform="translate(0,-180) scale(-1,1) rotate(90)" class="tiledropped"/><use href="#tile3" fill="#ffc6bd" transform="translate(-120,-180) scale(-1,1) rotate(90)" class="tiledropped"/><use href="#tile3" fill="#ffc6bd" transform="translate(-180,0) scale(-1,1) rotate(90)" class="tiledropped"/><use href="#tile5" fill="#d54730" transform="translate(60,120) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile5" fill="#d54730" transform="translate(-120,0) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile5" fill="#d54730" transform="translate(-180,-120) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile6" fill="#4965e4" transform="translate(-180,-180) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile6" fill="#4965e4" transform="translate(60,-180) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile6" fill="#4965e4" transform="translate(60,180) scale(1,1) rotate(180)" class="tiledropped"/><use href="#tile6" fill="#4965e4" transform="translate(-180,60) scale(1,1) rotate(180)" class="tiledropped"/><use href="#tile9" fill="#d54730" transform="translate(180,60) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile9" fill="#d54730" transform="translate(120,-120) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile9" fill="#d54730" transform="translate(0,180) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile8" fill="#4965e4" transform="translate(60,-120) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile1" fill="#d54730" transform="translate(-180,120) scale(1,1) rotate(-90)" class="tiledropped"/><use href="#tile1" fill="#d54730" transform="translate(-180,180) scale(1,1) rotate(-90)" class="tiledropped"/><use href="#tile1" fill="#d54730" transform="translate(180,0) scale(1,1) rotate(180)" class="tiledropped"/><use href="#tile8" fill="#4965e4" transform="translate(180,120) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile8" fill="#4965e4" transform="translate(180,180) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile8" fill="#4965e4" transform="translate(120,180) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile8" fill="#4965e4" transform="translate(180,-120) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile7" fill="#d54730" transform="translate(120,-180) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile7" fill="#d54730" transform="translate(180,-180) scale(1,1) rotate(90)" class="tiledropped"/><use href="#tile9" fill="#d54730" transform="translate(-120,120) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile5" fill="#d54730" transform="translate(-120,180) scale(1,1) rotate(-90)" class="tiledropped"/><use href="#tile2" fill="#4965e4" transform="translate(-60,-180) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile4" fill="#4965e4" transform="translate(0,-120) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile5" fill="#d54730" transform="translate(-60,-60) scale(1,1) rotate(-90)" class="tiledropped"/><use href="#tile6" fill="#4965e4" transform="translate(120,120) scale(1,1) rotate(90)" class="tiledropped"/><use href="#tile2" fill="#4965e4" transform="translate(-180,-60) scale(1,1) rotate(0)" class="tiledropped"/><use href="#tile0" fill="#c8d2ff" transform="translate(-60,0) scale(-1,1) rotate(180)" class="tiledropped"/><use href="#tile1" fill="#d54730" transform="translate(120,60) scale(1,1) rotate(90)" class="tiledropped"/><use href="#tile4" fill="#4965e4" transform="translate(0,120) scale(1,1) rotate(90)" class="tiledropped"/><use href="#tile4" fill="#c8d2ff" transform="translate(-60,180) scale(-1,1) rotate(180)" class="tiledropped"/><use href="#tile7" fill="#d54730" transform="translate(180,-60) scale(1,1) rotate(90)" class="tiledropped"/></g></svg>