SVG画的口袋妖怪卡通图形 - 踏得网

SVG绘图（Jigglypuff）

SVG, cartoon

《aframe.js 3d拼图代码详解》作品已被踏得网收录！

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

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

HTML

<script src="https://wow.techbrood.com/libs/jquery/jquery-1.11.1.min.js"></script>
<svg width="804px" height="641px" viewBox="138 345 804 641" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink">
    
    <desc>Created with Sketch.</desc>
    <defs>
        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-1">
            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
            <feMerge>
                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
                <feMergeNode in="SourceGraphic"></feMergeNode>
            </feMerge>
        </filter>
        <path d="M7.04042719,3.89204182 C7.04042719,3.89204182 89.9119106,39.5148379 145.571254,9.07214753 C201.230597,-21.3705429 156.947072,42.6637295 156.947072,42.6637295 C156.947072,42.6637295 94.6990437,86.9472542 37.1462829,68.462187 C-20.4064779,49.9771199 7.04042719,3.89204182 7.04042719,3.89204182 Z"
        id="path-2"></path>
    </defs>
    <g id="Jigglypuff" filter="url(#filter-1)" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(143.000000, 347.000000)">
        <path d="M175.5,582 C241.498028,582 295,560.509668 295,534 C295,507.490332 241.498028,486 175.5,486 C109.501972,486 56,507.490332 56,534 C56,560.509668 109.501972,582 175.5,582 Z" id="Oval-2" stroke="#979797" fill="#FFABC5"></path>
        <path d="M109,399 C169.199038,399 218,385.120827 218,368 C218,350.879173 169.199038,337 109,337 C48.8009623,337 0,350.879173 0,368 C0,385.120827 48.8009623,399 109,399 Z" id="Oval-2" stroke="#979797" fill="#FFABC5"></path>
        <path d="M682,399 C742.199038,399 791,385.120827 791,368 C791,350.879173 742.199038,337 682,337 C621.800962,337 573,350.879173 573,368 C573,385.120827 621.800962,399 682,399 Z" id="Oval-2" stroke="#979797" fill="#FFABC5" transform="translate(682.000000, 368.000000) rotate(25.000000) translate(-682.000000, -368.000000) "></path>
        <polygon id="Path-1" fill="#FFABC5" transform="translate(572.558594, 71.427734) scale(-1, 1) translate(-572.558594, -71.427734) " points="544.082031 130.855469 506 12 639.117188 40.8984375"></polygon>
        <polygon id="Path-1" fill="#FFABC5" transform="translate(572.558594, 71.427734) scale(-1, 1) translate(-572.558594, -71.427734) " points="544.082031 130.855469 506 12 639.117188 40.8984375"></polygon>
        <ellipse id="Oval-2" stroke="#979797" fill="#FFABC5" transform="translate(562.500000, 556.000000) rotate(14.000000) translate(-562.500000, -556.000000) " cx="562.5" cy="556" rx="119.5" ry="48"></ellipse>
        <circle id="Oval-1" fill="#FFACC5" cx="391" cy="291" r="291"></circle>
        <polygon id="Path-1" fill="#FFABC5" points="146.601562 131.292969 108.519531 12.4375 241.636719 41.3359375"></polygon>
        <polygon id="Path-1" fill="#000000" points="171.321821 130.39348 143 42 242 63.4919303"></polygon>
        <polygon id="Path-1" fill="#000000" transform="translate(560.000000, 82.214625) scale(-1, 1) translate(-560.000000, -82.214625) " points="536.896531 130.429251 506 34 614 57.4457421"></polygon>
        <circle id="Oval-4" stroke="#DEDEDE" fill="#FFFFFF" cx="266.5" cy="233.5" r="102.5"></circle>
        <circle id="Oval-4" stroke="#DEDEDE" fill="#FFFFFF" cx="509.5" cy="233.5" r="102.5"></circle>
        <circle id="Oval-6" stroke="#53989B" fill="#67BFC3" cx="249.5" cy="211.5" r="66.5"></circle>
        <circle id="Oval-6" stroke="#53989B" fill="#67BFC3" cx="491.5" cy="211.5" r="66.5"></circle>
        <circle id="Oval-8" fill="#53989B" cx="238.5" cy="196.5" r="41.5"></circle>
        <circle id="Oval-8" fill="#53989B" cx="480.5" cy="196.5" r="41.5"></circle>
        <circle id="Oval-10" fill="#FFFFFF" cx="285.5" cy="174.5" r="11.5"></circle>
        <circle id="Oval-10" fill="#FFFFFF" cx="521.5" cy="174.5" r="11.5"></circle>
        <circle id="Oval-10" fill="#FFFFFF" cx="297.5" cy="211.5" r="7.5"></circle>
        <path d="M354.023798,20.910965 C375.978114,20.910965 425.584553,25.5695622 443.136926,40.6106773 C446.671149,43.6392507 448.253986,49.9908216 450.251278,54.502547 C457.322184,70.475165 459.987904,90.4159183 452.190628,107.120172 C440.036885,133.157371 452.847477,105.48286 446.377682,111.95834 C425.833045,132.521031 406.568865,126.223608 377.643038,130.356647 C368.716753,131.63207 372.160231,153.780444 370.528686,155.037426 C339.825682,178.691771 352.300175,156.222459 348.170023,149.85732 C347.354836,148.601003 344.574879,149.052641 344.296427,147.581136 C337.650743,112.461454 370.102016,127.563097 365.011746,101.16943 C363.855747,95.175437 340.854746,91.0133989 340.085996,86.2619537 C338.808893,78.3685153 338.44764,70.3424182 338.15175,62.3518106 C338.121256,61.5283326 338.477117,60.5956884 339.116321,60.0756263 C340.31437,59.100882 341.816015,58.4625068 343.326752,58.1413799 C344.92087,57.8025291 346.586221,58.1413799 348.215955,58.1413799"
        id="Path-7" stroke="#3B3B3B" stroke-width="4"></path>
        <g id="Oval-15" transform="translate(317.000000, 401.000000)">
            <mask id="mask-3" fill="white">
                <use xlink:href="#path-2"></use>
            </mask>
            <use id="Mask" fill="#752323" xlink:href="#path-2"></use>
            <ellipse fill="#AE4B4B" mask="url(#mask-3)" cx="117" cy="57.5" rx="88" ry="41.5"></ellipse>
        </g>
    </g>
</svg>