| <!DOCTYPE html> |
| <html> |
| <style> |
| body { margin: 0; } |
| #test { |
| display: grid; |
| grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); |
| gap: 1rem; |
| font-family: -apple-system; |
| } |
| section { |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| background: rgba(0, 0, 0, 0.7); |
| min-height: 400px; |
| } |
| svg.composited { |
| opacity: 0.6; |
| will-change: opacity; |
| } |
| rect, circle, ellipse, polygon, path { |
| cursor: pointer; |
| } |
| svg.positioned { |
| position: absolute; |
| top: -50px; |
| left: -100px; |
| } |
| </style> |
| <body> |
| <div id="test"> |
| <svg class="positioned" viewBox="0 0 200 100" version="1.1" width="200" height="100" xmlns="http://www.w3.org/2000/svg"> |
| <rect x="0" y="0" width="200" height="100" rx="45" ry="45" fill="purple" /> |
| </svg> |
| <section> |
| <svg version="1.1" width="400" height="400" xmlns="http://www.w3.org/2000/svg"> |
| <rect x="2%" y="14%" width="40%" height="20%" fill="rgba(0, 240, 20, 0.8)" stroke-width="4" stroke="black" /> |
| <rect x="2%" y="54%" width="40%" height="20%" rx="10" ry="10" fill="rgba(0, 20, 240, 0.8)" /> |
| <circle cx="280" cy="75.5" r="35" fill="rgba(240, 20, 240, 0.8)" /> |
| <ellipse cx="280" cy="180" rx="45" ry="25" fill="rgba(240, 240, 20, 0.8)" /> |
| <polygon points="50 160 55 180 70 180 60 190 65 205 50 195 35 205 40 190 30 180 45 180" stroke="green" fill="transparent" stroke-width="5"/> |
| </svg> |
| </section> |
| <section> |
| <svg class="composited" version="1.1" width="400" height="400" xmlns="http://www.w3.org/2000/svg"> |
| <rect x="2%" y="14%" width="40%" height="20%" fill="rgba(0, 240, 20, 0.8)" stroke-width="4" stroke="black" /> |
| <rect x="2%" y="54%" width="40%" height="20%" rx="10" ry="10" fill="rgba(0, 20, 240, 0.8)" /> |
| <circle cx="280" cy="75.5" r="35" fill="rgba(240, 20, 240, 0.8)" /> |
| <ellipse cx="280" cy="180" rx="45" ry="25" fill="rgba(240, 240, 20, 0.8)" /> |
| <polygon points="50 160 55 180 70 180 60 190 65 205 50 195 35 205 40 190 30 180 45 180" stroke="green" fill="transparent" stroke-width="5"/> |
| </svg> |
| </section> |
| <section> |
| <svg viewBox="0 0 1500 1200" version="1.1" width="400" height="400" xmlns="http://www.w3.org/2000/svg"> |
| <defs> |
| <radialGradient id="myGradient"> |
| <stop offset="10%" stop-color="gold" /> |
| <stop offset="95%" stop-color="red" /> |
| </radialGradient> |
| </defs> |
| <rect x="10" y="20" width="800" height="600" rx="45" ry="45" fill="url(#myGradient)" /> |
| </svg> |
| </section> |
| <section> |
| <svg viewBox="-10 -10 120 100" version="1.1" width="400" height="400" xmlns="http://www.w3.org/2000/svg"> |
| <defs> |
| <radialGradient id="myGradient"> |
| <stop offset="10%" stop-color="gold" /> |
| <stop offset="95%" stop-color="red" /> |
| </radialGradient> |
| </defs> |
| <rect x="10" y="20" width="800" height="600" rx="45" ry="45" fill="url(#myGradient)" /> |
| </svg> |
| </section> |
| <section> |
| <svg class="composited" viewBox="700 -10 120 100" version="1.1" width="400" height="400" xmlns="http://www.w3.org/2000/svg"> |
| <defs> |
| <radialGradient id="myGradient"> |
| <stop offset="10%" stop-color="gold" /> |
| <stop offset="95%" stop-color="red" /> |
| </radialGradient> |
| </defs> |
| <rect x="10" y="20" width="800" height="600" rx="45" ry="45" fill="url(#myGradient)" /> |
| </svg> |
| </section> |
| <section> |
| <svg viewBox="700 550 120 100" version="1.1" width="400" height="400" xmlns="http://www.w3.org/2000/svg"> |
| <defs> |
| <radialGradient id="myGradient"> |
| <stop offset="10%" stop-color="gold" /> |
| <stop offset="95%" stop-color="red" /> |
| </radialGradient> |
| </defs> |
| <rect x="10" y="20" width="800" height="600" rx="45" ry="45" fill="url(#myGradient)" /> |
| </svg> |
| </section> |
| <section> |
| <svg class="composited" viewBox="-10 550 120 100" version="1.1" width="400" height="400" xmlns="http://www.w3.org/2000/svg"> |
| <defs> |
| <radialGradient id="myGradient"> |
| <stop offset="10%" stop-color="gold" /> |
| <stop offset="95%" stop-color="red" /> |
| </radialGradient> |
| </defs> |
| <rect x="10" y="20" width="800" height="600" rx="45" ry="45" fill="url(#myGradient)" /> |
| </svg> |
| </section> |
| <section> |
| <svg viewBox="0 0 400 400" version="1.1" width="400" height="400" xmlns="http://www.w3.org/2000/svg"> |
| <g transform="translate(100, 20)"> |
| <polygon id="star" points="50 160 55 180 70 180 60 190 65 205 50 195 35 205 40 190 30 180 45 180" fill="rgba(240, 240, 20, 0.8)" /> |
| <use href="#star" y="-80" /> |
| <use href="#star" y="80" /> |
| <use href="#star" y="80" x="80" /> |
| <use href="#star" x="80" /> |
| <use href="#star" y="-80" x="80" /> |
| </g> |
| </svg> |
| </section> |
| <section> |
| <svg viewBox="0 0 224.64 332.32" version="1.1" xmlns="http://www.w3.org/2000/svg" width="400" height="400"> |
| <path d="M224.17,239.28l0.41,42.05c-4.18-7.98-3.91-16.2-2.32-21.83c-2.3,6.64-6.27,8.36-6.27,8.36c-3.11-1.66-2.69-5.7-2.69-5.7 |
| c-1.76,13.67-7.35,16.26-12.43,17.51c-3.21-2.18-3.52-5.7-2.69-6.73c-8.7,6.32-16.06,3-19.78-1.04s-3.73-6.73-3.31-9.94 |
| c7.04,8.29,19.27,5.49,24.96,2.69S220.82,250.28,224.17,239.28z M214.87,287.72c5.29-8.35,4.44-11.72,4.44-20.61 |
| c-4.52,18.16-11.34,22.53-16.78,22.91c-5.44,0.38-6.82,0.15-8.5-2.45c-1.69-2.61-0.46-5.52,1.53-5.52 |
| c-4.14-4.67-11.42-2.83-12.87,2.91s1.76,13.56,10.57,14.02C202.07,299.45,209.58,296.08,214.87,287.72z M221.76,278.15 |
| c0,0-7.2,17.01-10.73,20.76c-3.52,3.75-8.43,5.98-10.57,3.6c0,0-2.3,2.99,0.78,6.21c3.07,3.22,8.88,1.15,12.25-2.22 |
| S222.45,290.18,221.76,278.15z M221.45,314.46c-4.06,1.61-3.78-2.45-2.85-5.21c0.93-2.76,5.57-13.26,5.57-13.26 |
| c-7.93,7.82-10.84,15.71-11.22,20.07c-0.38,4.37,3.24,5.9,6.41,4.52c-0.05,0,1.1,4.75,4.82,4.9c0.12,0.15,0.12,0.15,0.12,0.15 |
| l-0.12-5.75C221.84,319.9,220.69,317.07,221.45,314.46z M189.5,240.91c1.84-0.46,4.83,1.69,5.29,4.37s0.31,8.04-5.29,10.8 |
| c14.57,4.61,27.36-6.93,29.68-14.56c2.32-7.63,4.54-15.05-11.17-22.68c0.66,4.2,8.3,12.72,0.66,18.81 |
| c2.88-5.09,0.33-12.28-3.98-19.03c-4.65-1.11-14.98,4.57-17.08,12.31c-0.22-3.21,0.44-11.91,12.11-15.74 |
| c-7.3-2.77-14.17-4.51-21.87,4.43c0.11-3.76,1.18-7.31,11.69-9.86c-2.88-1.99-6.64-4.54-13.61-3.54s-13.83,8.08-14.7,26.18 |
| c0,0,11.11,1.69,16.24-2.07c-0.31,2.07-3.91,4.83-7.89,8.35c-3.98,3.52-6.05,8.5,3.14,18.77c0.54-3.29,11.03-6.59,14.86-9.04 |
| S190.04,240.91,189.5,240.91z M224.17,236.73v-42.78c-1.49,5.79-6.27,8.47-4.82,18.21c-1.79-1.2-8.87-3.95-11.98,3.25 |
| C217.33,216.54,223.55,225.65,224.17,236.73z M210.84,199.95c-1.69,1.48-4.02,1.27-5.29-0.49c-1.27-1.76-0.21-4.38,3.46-4.38 |
| c3.67,0,6.85,7.06,6.77,13.41c2.54-1.69,1.77-11.08-1.13-14.61c-2.89-3.53-9.11-3.88-12.71-0.99s-2.75,7.13-0.07,9.88 |
| C204.56,205.53,209.78,204.68,210.84,199.95z M218.46,174.26c3.53,3.74,6.07,9.39,6.07,9.39l-0.36-24.28c0,0-0.06-0.42-0.91-2.82 |
| c-0.85-2.4-4.73-5.29-6.56-7.41c3.18,0.14,7.47,3.67,7.47,6.85l-0.06-28.24c0.07,2.89-2.05,4.94-3.46,7.55 |
| c-1.41,2.61-1.34,4.38,0.64,6.21c1.98,1.84,2.61,3.32,2.05,8.54c-1.62-3.88-5.36-5.29-8.19-5.58c-2.82-0.28-5.65,2.12-6.72,4.24 |
| c-1.07,2.12,0.43,1.91,3.4,2.33c2.96,0.42,6.99,4.52,9,8.89c2.01,4.38,1.03,8.12-0.38,9.67s-2.82,0.92-2.68-0.71s-0.64-3.53-3.18-6 |
| c-2.54-2.47-9.88-2.89-14.19-0.28s-8.47,4.73-7.62,16.31c0.85-1.69,4.24-3.46,7.55-4.16c3.26-0.69,7.13-1.72,12.02,7.08 |
| c-1.16-1.73-4.37-2.56-7.22-2.49c-3.11,0.07-5.72,0.71-6.99,9.67c1.62-2.05,4.87-3.32,10.31-2.47c4.25,0.66,9.17,5.9,10.03,11.83 |
| c0.12,0.82,1.52,0.65,1.53-0.18c0.03-5.15,1.26-9.49,2.78-11.01c-0.49-2.05-2.75-6.49-5.15-10.66c-2.4-4.16-6.85-5.93-10.66-7.55 |
| C210.49,168.33,214.93,170.52,218.46,174.26z M192.11,208.26c0,2.21,1.79,4.01,4.01,4.01c2.21,0,4.01-1.79,4.01-4.01 |
| c0-2.21-1.79-4.01-4.01-4.01C193.91,204.25,192.11,206.05,192.11,208.26z M186.12,204.71c2.17,0,3.92-1.76,3.92-3.92 |
| c0-2.17-1.76-3.92-3.92-3.92c-2.17,0-3.92,1.76-3.92,3.92C182.2,202.96,183.95,204.71,186.12,204.71z M182.96,193.15 |
| c0-2.13-1.72-3.85-3.85-3.85s-3.85,1.72-3.85,3.85c0,2.13,1.72,3.85,3.85,3.85S182.96,195.28,182.96,193.15z M174.73,189.1 |
| c2.02,0,3.65-1.63,3.65-3.65s-1.63-3.65-3.65-3.65s-3.65,1.63-3.65,3.65S172.71,189.1,174.73,189.1z M176.15,177.92 |
| c0-1.83-1.49-3.32-3.32-3.32c-1.83,0-3.32,1.49-3.32,3.32c0,1.83,1.49,3.32,3.32,3.32C174.66,181.23,176.15,179.75,176.15,177.92z |
| M169.42,170.1c0,1.88,1.53,3.41,3.41,3.41c1.88,0,3.41-1.53,3.41-3.41c0-1.88-1.53-3.41-3.41-3.41 |
| C170.95,166.69,169.42,168.22,169.42,170.1z M171.26,162.52c0,1.8,1.46,3.25,3.25,3.25c1.8,0,3.25-1.46,3.25-3.25 |
| c0-1.8-1.46-3.25-3.25-3.25C172.71,159.26,171.26,160.72,171.26,162.52z M174.56,154.96c0,1.77,1.44,3.21,3.21,3.21 |
| s3.21-1.44,3.21-3.21s-1.44-3.21-3.21-3.21S174.56,153.19,174.56,154.96z M181.86,144.96c-1.65,0-3,1.34-3,3c0,1.65,1.34,3,3,3 |
| c1.65,0,3-1.34,3-3C184.86,146.3,183.52,144.96,181.86,144.96z M187.09,137.92c-1.65,0-3,1.34-3,3c0,1.65,1.34,3,3,3 |
| c1.65,0,3-1.34,3-3C190.08,139.26,188.74,137.92,187.09,137.92z M192.46,137.35c1.65,0,3-1.34,3-3c0-1.65-1.34-3-3-3 |
| c-1.65,0-3,1.34-3,3C189.46,136,190.8,137.35,192.46,137.35z M198.26,130.74c1.53,0,2.78-1.24,2.78-2.78s-1.24-2.78-2.78-2.78 |
| s-2.78,1.24-2.78,2.78S196.73,130.74,198.26,130.74z M201.04,121.9c0,1.53,1.24,2.78,2.78,2.78s2.78-1.24,2.78-2.78 |
| s-1.24-2.78-2.78-2.78S201.04,120.37,201.04,121.9z M205.78,116.5c0,1.44,1.17,2.61,2.61,2.61c1.44,0,2.61-1.17,2.61-2.61 |
| c0-1.44-1.17-2.61-2.61-2.61C206.95,113.88,205.78,115.05,205.78,116.5z M212.53,113.92c1.36,0,2.47-1.1,2.47-2.47 |
| c0-1.36-1.1-2.47-2.47-2.47c-1.36,0-2.47,1.1-2.47,2.47C210.06,112.82,211.17,113.92,212.53,113.92z M203.83,206.36 |
| c-2.11-1.89-4.74-5.26-8.68-9.49s-7.54-11.48-9.03-17.53s0.17-13.48,2.97-20.07c2.8-6.59,13.54-20.66,19.3-27.58 |
| s14.35-18.17,15.21-23.65s-1.54-11.94-4.8-16.06c-3.26-4.11-10.46-4.63-14.98-2.86c-4.53,1.77-5.07,7.66-2.78,11.6 |
| s6.79,3.31,10.1,0.63c3.31-2.69,1.49-8.23-0.63-9.94c6.23,0.86,8.91,5.89,9.37,12.28s-4.69,12.23-9.54,18.51 |
| c-4.86,6.29-14.51,15.26-19.77,21.25c-5.26,6-11.08,13.43-12.2,24.2s5.34,20.42,10.31,26.7c4.97,6.29,17.88,16.17,17.88,16.17 |
| S205.94,208.25,203.83,206.36z M224.31,84.67v-5.64c-1.99,1.46-3.58,3.91-3.32,8.09c0.27,4.18,3.32,9.35,3.32,9.35 |
| S222.52,85,224.31,84.67z M224.31,74.13l-0.54-15.25C221.46,61.59,221.53,65.31,224.31,74.13z M216.82,65.51 |
| c0,0-1.26,1.33,0.07,5.64c1.33,4.31,5.76,6.9,5.76,6.9s-0.31-5.03-1.67-8.43C219.6,66.22,216.82,65.51,216.82,65.51z M216.47,75.34 |
| c-2.12-2.58-4.74-2.44-4.74-2.44s-0.73,1.5,1.61,4.9c2.34,3.39,6.91,4.43,6.91,4.43S218.6,77.92,216.47,75.34z M206.95,85.25 |
| c0,0,0.12,0.75,4.24,0.5c4.11-0.25,8.28,3.19,8.28,3.19s-3.21-6.62-6.53-6.99C209.61,81.57,206.95,85.25,206.95,85.25z |
| M197.76,89.86c2.1-1.09,4.46-3.03,7.25-3.21c-4.8-2.12-3.95-4.25-2.12-5.39c1.83-1.14,6.9-2.1,9.74-1.25 |
| c-2.12-1.96-9.9-2.89-14.6-2.1c-4.7,0.8-8.47,2.76-10.09,7.67c-1.62,4.91-0.56,11.47,6.42,13.8 |
| C193.54,94.72,195.66,90.95,197.76,89.86z M191.29,76.41c5.61-0.66,10.76-1.85,17.76-0.4c0,0-9.18-3.24-6.8-6.34 |
| c2.38-3.1,4.82-0.13,10.28,1.12c-2.6-3.9-5.06-4.62-9.09-7.13s-6.27-3.3-11.59-4.79s-11.46,0.36-17.2,7.63c0,0,1.92,1.92,5.22,5.27 |
| C183.16,75.13,185.67,77.07,191.29,76.41z M198.09,57.72c3.17,3.3,10.17,8.32,15.85,10.5c-5.28-4.16-4.69-8.72-3.57-9.82 |
| c1.12-1.1,3.7-2.79,9.44,4.47c-2.77-8.85-4.36-14.4-9.58-20.08c-5.22-5.68-8.58-4.89-19.22-9.05c0,0-0.13,4.75,0.73,10.5 |
| C192.61,49.99,194.92,54.42,198.09,57.72z M222.12,4.85c-1.86-0.41-4.38-0.99-4.96,4.85c0.74-1.97,4.11-3.2,6.05,0.41 |
| s-0.39,8.05-3.51,12.49c-3.13,4.44-5.66,10.84-5.09,16.84c0.58,6,2.38,13.64,6.65,19.44c0,0,0.33-6.38,0.85-9.83 |
| c0.52-3.45,2.52-3.45,2.52-3.45V0C222.67,2.88,220.78,3.37,222.12,4.85z M179.72,203.62c-6.81-8.09-16.29-5.73-21.62,1.88 |
| c0,0,1.09-7.21,13.15-9.38c-8.56-2.47-15.69-1.51-23.45,3.86c1.47-2.63,9.56-9.7,21.71-6.83c-2.31-6.43-13.68-7.1-22.47-4.05 |
| c3.65-3.17,12.54-5.32,20.14-1.67c-2.86-6.22-2.27-10.17-9.38-13.92c-7.11-3.75-10.96-1.77-15.7,0c0.2,0.98-2.76,3.36,3.75,8.29 |
| c-6.91-1.29-13.72,0.6-19.55,7.3c0,0,1.68,4.26,8.19,5.93c-4.94-0.39-12.04,2.47-15.3,9.22c5.82,7.34,12.83,10.13,23.2,7.46 |
| c-1.18,1.78-1.97,4.74,0.69,7.9c2.67,3.16,7.6,6.22,15.89,3.46c-2.76-3.62-1.88-9.77,1.38-13.62 |
| C163.63,205.6,171.92,202.34,179.72,203.62z M126.59,168.48c6.99,4.07,16.18,0.57,24.55,0.41c8.37-0.16,9.84,2.03,14.31,9.03 |
| c0,0,1.71-7.57-0.57-11.23s-10.98-5.77-17.72-4.55c3.5-1.14,9.02-3.17,18.29,2.11c-1.22-11.14-11.95-14.47-21.54-14.91 |
| c4.31-0.68,11.38-1.84,21.7,7.02c-1.71-7.64-3.66-10.89-12.93-16.34c4.72,0.24,12.85,7.32,15.61,15.37 |
| c0.98-7.15-0.24-9.43-3.98-15.53c-3.74-6.1-10.24-9.48-24.07-7.72c-1.22,3.66-0.16,9.11,4.39,8.78c-1.63,1.3-5.04,0.9-9.43,0 |
| c-4.39-0.9-7.56-4.31-4.07-12.11c-11.63,0.89-11.46,8.86-11.38,13.98s7.4,10.08,7.72,13.33c0.33,3.25-5.85,5.45-8.27,0.41 |
| C119.15,160.51,119.6,164.42,126.59,168.48z M153.39,131.5c7.96,2.33,18.02,5.33,19.13,13.78c3.03-1.12,1.51-7.5,0.31-10.27 |
| c-1.2-2.76-4.65-9.28-10.45-10.33c2.63,0.33,13.31,3.86,14.76,14.09c1.45-3.13,1.1-12.18,0.11-17.51 |
| c-0.86-4.65-2.03-9.25-9.38-13.18c5.45,2.71,9.27,5.68,11.24,10.13c1.91,4.32,3.48,9.48,3.1,17.56c5.56-2.04,6.44-13.3,4.53-18.5 |
| c2.3,1.78,3.14,7.92,2.07,13.47c4.23-1.73,6.8-8.95,6.93-16.26c0.13-7.3-2.63-11.85-10.89-19.28c-1.55,0.99-5.82,4.21-4.57,11.38 |
| c-3.41-7.51-6.56-9.37-11.91-11.1c-5.35-1.73-11.19-0.34-20.8-0.92c-2.7,4.74-3.42,16.56,2.04,21.93c-3.22,0.5-7.7,3.18-8.62,8.18 |
| C143.17,128.3,145.42,129.18,153.39,131.5z M47.86,254.64c2.21,0,4-1.79,4-4s-1.79-4-4-4s-4,1.79-4,4S45.65,254.64,47.86,254.64z |
| M41.88,241.24c2.04,0,3.7-1.66,3.7-3.7c0-2.04-1.66-3.7-3.7-3.7s-3.7,1.66-3.7,3.7C38.18,239.58,39.84,241.24,41.88,241.24z |
| M22.6,134.85c-2.04,0-3.7,1.66-3.7,3.7s1.66,3.7,3.7,3.7s3.7-1.66,3.7-3.7S24.64,134.85,22.6,134.85z M31.79,129.67 |
| c0-1.9-1.54-3.45-3.45-3.45s-3.45,1.54-3.45,3.45c0,1.9,1.54,3.45,3.45,3.45S31.79,131.57,31.79,129.67z M34.28,126.21 |
| c1.73,0,3.13-1.4,3.13-3.13c0-1.73-1.4-3.13-3.13-3.13c-1.73,0-3.13,1.4-3.13,3.13C31.15,124.81,32.56,126.21,34.28,126.21z |
| M38.49,119.65c0,1.51,1.22,2.73,2.73,2.73c1.51,0,2.73-1.22,2.73-2.73c0-1.51-1.22-2.73-2.73-2.73 |
| C39.71,116.93,38.49,118.15,38.49,119.65z M45.65,118.23c0,1.28,1.04,2.32,2.32,2.32c1.28,0,2.32-1.04,2.32-2.32 |
| c0-1.28-1.04-2.32-2.32-2.32C46.69,115.91,45.65,116.95,45.65,118.23z M52.89,119.96c0,1.12,0.91,2.03,2.03,2.03 |
| c1.12,0,2.03-0.91,2.03-2.03s-0.91-2.03-2.03-2.03C53.8,117.93,52.89,118.84,52.89,119.96z M38.18,230.17c1.97,0,3.57-1.6,3.57-3.57 |
| c0-1.97-1.6-3.57-3.57-3.57s-3.57,1.6-3.57,3.57C34.62,228.58,36.21,230.17,38.18,230.17z M32.98,214.92c0,1.85,1.5,3.36,3.36,3.36 |
| s3.36-1.5,3.36-3.36s-1.5-3.36-3.36-3.36S32.98,213.07,32.98,214.92z M34.19,204.5c0,1.85,1.5,3.36,3.36,3.36s3.36-1.5,3.36-3.36 |
| c0-1.85-1.5-3.36-3.36-3.36S34.19,202.64,34.19,204.5z M39.7,198.86c1.62,0,2.94-1.32,2.94-2.94s-1.32-2.94-2.94-2.94 |
| s-2.94,1.32-2.94,2.94S38.08,198.86,39.7,198.86z M47.91,190.77c0-1.45-1.17-2.62-2.62-2.62c-1.45,0-2.62,1.17-2.62,2.62 |
| c0,1.45,1.17,2.62,2.62,2.62C46.74,193.39,47.91,192.21,47.91,190.77z M54.3,189.52c0-1.24-1-2.24-2.24-2.24 |
| c-1.24,0-2.24,1-2.24,2.24c0,1.24,1,2.24,2.24,2.24C53.3,191.76,54.3,190.76,54.3,189.52z M54.67,193.23c0,1.14,0.92,2.06,2.06,2.06 |
| c1.14,0,2.06-0.92,2.06-2.06c0-1.14-0.92-2.06-2.06-2.06C55.6,191.17,54.67,192.09,54.67,193.23z M143.88,310.83 |
| c-1.04,8.02,8.42,21.12,8.42,21.12c-15.29-6.55-27.56-12.27-38.58-13.1s-19.55-1.22-22.67,7.28c-5.72,0.21-7.38-6.97-3.22-11.02 |
| c-12.58,3.74-11.13,9.05-8.53,16.01c-12.58,4.89-17.26-6.34-17.57-12.37c-0.31-6.03,2.81-13.31,12.89-15.81 |
| c10.09-2.5,15.6-1.46,14.56-1.66c-12.79-1.04-34.21-14.25-54.38-38.79c-20.17-24.54-19.34-43.46-19.96-59.89 |
| c-0.62-16.43,4.99-33.6,18.72-45.03s27.87-10.3,29.84-8.11c1.98,2.19-3.22,6.25-3.22,6.25c8.11-0.73,9.57-3.54,16.53-1.25 |
| c6.97,2.29,7.8,6.26,9.05,8.07c1.04,1.81-4.99,2.02-8.63,0.15c-3.64-1.87-1.46,2.29,2.29,2.29s13.41,7.29,14.97,16.85 |
| c1.56,9.56-2.18,16.11-2.18,16.11s-4.68-4.37-5.93-4.26c0,0,1.04,7.9-3.64,12.89c-4.68,4.99-10.92,7.59-18.2,1.25 |
| c8.42-7.38,8.21-12.99,6.86-16.84c-3.12,9.15-8.42,8.52-12.17,7.95c6.97-9.3-2.34-16.17-8.29-16.28 |
| c-5.94-0.11-14.29,3.33-17.1,18.31c-2.81,14.97-2.48,26,1.57,36.3c4.06,10.29,9.36,23.08,16.64,30.47 |
| c2.5-19.65,11.02-22.36,19.65-23.6c8.63-1.25,24.64,3.22,24.23,22.77c-6.55-9.57-13.21-3.02-15.6,1.14s-3.74,15.18,5.1,23.08 |
| c8.84,7.9,22.67,15.08,28.7,18.3c-16.64-16.95-17.05-37.43-10.4-51.89c6.65-14.45,25.68-12.58,31.3-9.67 |
| c5.62,2.91,15.18,6.65,10.71,25.37c-3.54-13.52-19.76-11.65-25.16-3.12c6.13-3.64,14.87-0.62,15.18,4.78 |
| c-13.73,5.41-15.08,10.81-13.62,20.07s5.41,15.08,10.29,17.26c-4.89-12.89-5.62-22.47,4.89-29.12c3.12,1.57,2.6,6.97,2.6,6.97 |
| c11.33-6.86,18.38-2.08,21.41,4.78C148.76,297.01,144.92,302.8,143.88,310.83z M93.55,300.6c-1.41-0.74-2.8-1.49-4.18-2.26 |
| c0,0,0.02-0.04,0.02-0.04c-3.77-2.33-7.39-4.85-10.51-7.9c-6.8-6.41-12.15-16.34-8.74-25.66c1.18-3.06,3.34-5.49,6.22-7.23 |
| c-2.15,0.63-4.21,1.86-5.78,3.62c-4.94,5.37-4.54,13.79-1.57,19.98c1.24,2.69,2.88,5.13,4.79,7.33c-3.97-2.84-7.82-5.84-11.57-9.01 |
| c-9.4-8.39-17.29-18.38-23.75-29.19c-4.3-7.2-8.18-14.61-10.26-22.78c-3.97-15.5-5.16-34.4,5.26-47.54 |
| c9.49-12.46,32-18.8,42.35-4.15c-0.82-1.97-2.09-3.78-3.67-5.3c-8.36-7.83-21.75-6.62-31.04-1.09c-5.73,3.39-10.48,8.34-13.67,14.18 |
| c-7.02,13.75-5.91,30.19-2.17,44.7c2.12,8.37,6.18,16.17,10.6,23.53c12.31,20.34,29.98,39.19,52.74,47.26 |
| c0.1,0.05,0.21,0.1,0.31,0.14c0,0,0.01-0.02,0.01-0.02C90.46,299.69,92,300.17,93.55,300.6z M127.11,319.95 |
| c-4.77-3.32-9.94-6.1-15.35-8.34c-8.16-3.26-16.93-5.18-25.74-5.24c-10.17-0.05-17.85,3.81-17.91,14.99 |
| c1.14-15.23,14.86-14.12,26.37-12.26C105.86,311.04,116.63,315.11,127.11,319.95z M149.7,293.69c-3.56-0.42-7.1,1.71-9.14,4.57 |
| c-4.14,5.79-4.32,13.79-1.74,20.24c1.04,2.67,2.59,5.1,4.45,7.22c-6.81-5.04-13.34-10.46-18.98-16.76 |
| c-5.7-6.42-10.77-13.87-12.63-22.28c-1.8-8.33-0.62-17.15,4.62-23.89c2.52-3.28,5.79-6.3,10.08-6.85c4.3-0.62,8.45-0.5,12.76,2.21 |
| c-3.22-4.78-13.51-5.69-19.7-1.78c-5.88,3.88-10.34,10.13-11.67,17.11c-1.68,9.23,1.21,18.89,6.15,26.62 |
| c7.25,11.18,17.86,20.18,29.72,26.02c0.29,0.32,0.59,0.64,0.9,0.94c-0.19-0.26-0.38-0.52-0.57-0.78c0.08,0.04,0.16,0.08,0.24,0.12 |
| c-0.11-0.08-0.22-0.17-0.34-0.25c-1.75-2.45-3.17-5.12-4.07-7.99C136.72,309.22,139.33,296.14,149.7,293.69z M31.71,152.14 |
| c-5.54-6.33-15.03-5.31-18.08-1.02c7.01-25.54,13.33-31.3,24.18-36.39s21.36-1.92,24.97,5.65c6.78-2.83,4.18-10.74,1.47-13.79 |
| c9.61,7.46,7.68,15.48,4.86,20.45c9.72,4.97,15.37-1.02,15.37-7.57c5.88,8.25,1.92,14.35,0,14.92c16.05-1.13,19.55-8.81,18.98-20.68 |
| s-10.4-17.18-14.58-17.06c5.65-0.34,6.44-3.28,7.01-5.76c-7.8-6.78-16.27-9.94-25.76-8.02S55.85,88.3,55.85,88.3 |
| c3.76-3.05,0-8.25,0-8.25c-17.48,0.23-20.42,7.8-21.89,12.09c-1.47,4.29-3.05,7.12-3.05,7.12s-0.34-7.46-3.28-8.36 |
| c-12.32,7.68-23.28,29.15-26.67,54.01c-3.39,24.86,2.6,55.03,10.4,66.44c-0.2-1.59-0.21-2.75-0.1-3.75 |
| c-1.31-3.17-2.42-6.46-3.19-9.84c-2.43-10.73-1.92-21.86-1.52-32.7c0.33-14.66,2.77-29.81,11.48-42.05 |
| c9.6-14.17,30.22-25.8,47.43-25.4c11.27,0.2,21.3,7.13,27.35,16.3C76.52,94.05,55.63,98,36.38,111.13 |
| c-15.49,10.03-23.97,25.2-25.99,43.41c-0.46,3.09-0.6,7.53-0.79,10.68c-0.42,10.68-1.03,21.46,1.32,31.9 |
| c0.41,1.74,0.91,3.46,1.49,5.15c0.13-0.73,0.24-1.55,0.3-2.55c0.7-9.92,1.2-24.86,4.86-31.53 |
| C23.34,157.68,28.54,152.59,31.71,152.14z"/> |
| </svg> |
| </section> |
| <section> |
| <svg viewBox="0 0 400 400" version="1.1" width="400" height="400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| <image href="resources/image.png" x="20" y="20" width="200" height="200" /> |
| </svg> |
| </section> |
| </div> |
| <pre id="results"></pre> |
| <script> |
| document.body.addEventListener("click", function(e) { |
| console.log(e, "event delegation"); |
| }); |
| |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| window.onload = function () { |
| if (!window.internals) |
| return; |
| |
| results.textContent = internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_EVENT_REGION | internals.LAYER_TREE_INCLUDES_ROOT_LAYER_PROPERTIES); |
| document.getElementById('test').remove(); |
| }; |
| </script> |
| </body> |
| </html> |
