☰

Greasy Fork is available in English.

element-SVG2078

SVG for Index

بۇ قوليازمىنى بىۋاسىتە قاچىلاشقا بولمايدۇ. بۇ باشقا قوليازمىلارنىڭ ئىشلىتىشى ئۈچۈن تەمىنلەنگەن ئامبار بولۇپ، ئىشلىتىش ئۈچۈن مېتا كۆرسەتمىسىگە قىستۇرىدىغان كود: // @require https://update.greatest.deepsurf.us/scripts/491417/1352695/element-SVG2078.js 

  1. document.addEventListener('DOMContentLoaded', function () {
  2.     function createElementSVG() {
  3.         var SVGelement = document.createElement('section');
  4.  
  5.         SVGelement.classList.add('svg');
  6.  
  7.         SVGelement.setAttribute('id', 'svg');
  8.  
  9.         SVGelement.innerHTML = `
  10. <svg xmlns="http://www.w3.org/2000/svg" version="1.2" width="0" height="0">
  11.     <defs>
  12.         <filter id="header-image-border" x="0" y="0">
  13.             <feImage xlink:href="../static/pictures/SVGHeader.jpg" result="borderPattern" preserveAspectRatio="xMidYMid slice" />
  14.             <feMorphology operator="dilate" radius="50%" % in="SourceAlpha" result="expandedOutline" />
  15.             <feMorphology operator="dilate" radius="25px" in="expandedOutline" result="softenedOutline" />
  16.             <feComposite operator="in" in="borderPattern" in2="softenedOutline" result="borderWithPattern" />
  17.             <feGaussianBlur in="borderWithPattern" stdDeviation="0.25" result="softBorder" />
  18.             <feComposite operator="over" in="softBorder" in2="SourceGraphic" />
  19.         </filter>
  20.         <filter id="text-image-border" x="0" y="0">
  21.             <feImage xlink:href="../static/pictures/SVGText.jpg" result="borderPattern" preserveAspectRatio="xMidYMid slice" />
  22.             <feMorphology operator="dilate" radius="50%" in="SourceAlpha" result="expandedOutline" />
  23.             <feMorphology operator="dilate" radius="25px" in="expandedOutline" result="softenedOutline" />
  24.             <feComposite operator="in" in="borderPattern" in2="softenedOutline" result="borderWithPattern" />
  25.             <feGaussianBlur in="borderWithPattern" stdDeviation="0.25" result="softBorder" />
  26.             <feComposite operator="over" in="softBorder" in2="SourceGraphic" />
  27.         </filter>
  28.     </defs>
  29. </svg>
  30.         `;
  31.  
  32.         document.body.appendChild(SVGelement);
  33.     }
  34.  
  35.     createElementSVG();
  36. });