SVG笑脸卷筒厕纸 - 踏得网

SVG Toilet Roll

svg, roll

《three.js使用多个渐变torus模拟光环光晕》申请公开！

第三方库
作品简介 3976
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

HTML

<script src="https://wow.techbrood.com/libs/jquery/jquery-1.11.1.min.js"></script>
<div class="container">
    <svg viewBox="0 0 1104 1340" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink">

<defs>
            <rect id="path-1" x="115" y="0" width="902" height="819" rx="5"></rect>
            <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="902" height="819" fill="white">
                <use xlink:href="#path-1"></use>
            </mask>
        </defs>
        <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g id="Toilet" transform="translate(1.000000, 1.000000)">
                <use id="Rectangle-10" stroke="#979797" mask="url(#mask-2)" stroke-width="2" fill="#D8D8D8" xlink:href="#path-1"></use>
                <ellipse id="Oval" stroke="#979797" fill="#E6DEDE" cx="115.5" cy="409.5" rx="115.5" ry="409.5"></ellipse>
                <ellipse id="Oval-3" stroke="#979797" fill="#CCC6C6" cx="115" cy="409" rx="61" ry="170"></ellipse>
                <path d="M1022,819 C1055.68937,819 1102.39062,635.660605 1102.39062,409.5 C1102.39062,183.339395 1055.68937,0 1022,0 C988.31063,0 961,183.339395 961,409.5 C961,635.660605 988.31063,819 1022,819 Z" id="Oval-4" fill="#D8D8D8"></path>
                <rect id="upper" fill="#D8D8D8" x="231" y="298" width="866" height="600"></rect>
                <g id="Group-2" transform="translate(518.000000, 298.000000)">
                    <ellipse id="Oval-2" fill="#000000" cx="39.9295113" cy="37.6560773" rx="39.9295113" ry="37.6560773"></ellipse>
                    <ellipse id="Oval-2" fill="#000000" cx="253.070489" cy="37.6560773" rx="39.9295113" ry="37.6560773"></ellipse>
                    <path d="M79.8590226,130.009669 C79.8590226,220.69691 212.917234,223.205024 212.917234,128.085635" id="Path-2" stroke="#000000" stroke-width="20"></path>
                </g>
            </g>
        </g>
    </svg>
</div>