mozilla
Your Search Results

    Template:SVGRef

    <%
    // Generates and inserts the quicklinks box for the SVG Reference.
    //
    // Parameters: None.
    
    var s_svg_href = '/'+env.locale+'/docs/Web/SVG';
    var s_svg_title = 'SVG';
    var s_svg_ref_href = '/'+env.locale+'/docs/Web/SVG/Element';
    var s_svg_ref_title = 'SVG Elements';
    // var s_html_guide_href = '/'+env.locale+'/docs/Web/Guide/HTML';
    var s_api_href = '/' + env.locale + '/docs/Web/API';
    switch (env.locale) {
        case 'fr':
            s_svg_href = '/'+env.locale+'/docs/SVG';
            s_svg_ref_href = '/'+env.locale+'/docs/Web/SVG/Element';
            s_svg_ref_title = 'Éléments SVG';
            break;
        default: break;
    }
    
    // Find the section of SVG this page belongs to (that is the first tag of the form "SVG XYZ")
    var tags = env.tags;
    var found_tag = '';
    if (tags || typeof tags != 'undefined') {
        for (i in tags) {
            if( tags.hasOwnProperty(i) && tags[i] != s_svg_ref_title && tags[i].substr(0, 4) == 'SVG ') {
                found_tag = tags[i];
                break;
            }
        }
    }
    
    // Find the SVG Tags belonging to the same subject
    
    if (found_tag != undefined && found_tag != null && found_tag.length) {
        // Find the pages, sub-pages of SVG/Element that are tagged with that specific tag
        var pageList = page.subpagesExpand(s_svg_ref_href);   // Get subpages, including tags
        var resultSVG = [];
    
        for (aPage in pageList) {
            if (page.hasTag(pageList[aPage], found_tag)) {
                resultSVG.push(pageList[aPage].title.replace(/[<>]/g, ""));
            }
        }
    }
    
    // var resultGuide = [];
    var resultAPI = [];
    
     if (s_svg_href) {  %>
      <section class="Quick_links" id="Quick_Links">
      <ol>
       <% if (found_tag) {        
    /*       
            for( aPage in resultGuide) { // Tutorials and guides matching
      %>
                <li><a href="<%-resultGuide[aPage].url%>"><%-resultGuide[aPage].title%></a></li>
      <%    }
    */
            for (aTitle in resultSVG) { // SVG entities matching 
      %>
                <li><%- template("SVGElement", [resultSVG[aTitle]]) %></li>
      <%    } 
            for (aTitle in resultAPI) { // SVG-DOM interfaces matching 
      %>
                <li><%- template("domxref", [resultAPI[aTitle]]) %></li>
      <%    } 
        } %>
       <li><a href="<%-s_svg_href%>"><%-s_svg_ref_title%></a><ol>
     <li>A
       <ol>
         <li><%-template("SVGElement", ["a"])%></li>
         <li><%-template("SVGElement", ["altGlyph"])%></li>
         <li><%-template("SVGElement", ["altGlyphDef"])%></li>
         <li><%-template("SVGElement", ["altGlyphItem"])%></li>
         <li><%-template("SVGElement", ["animate"])%></li>
         <li><%-template("SVGElement", ["animateColor"])%></li>
         <li><%-template("SVGElement", ["animateMotion"])%></li>
         <li><%-template("SVGElement", ["animateTransform"])%></li>
       </ol>
     </li>
     <li>B-C
       <ol>
         <li><%-template("SVGElement", ["circle"])%></li>
         <li><%-template("SVGElement", ["clipPath"])%></li>
         <li><%-template("SVGElement", ["color-profile"])%></li>
         <li><%-template("SVGElement", ["cursor"])%></li>
       </ol>
     </li>
     <li>D
       <ol>
         <li><%-template("SVGElement", ["defs"])%></li>
         <li><%-template("SVGElement", ["desc"])%></li>
       </ol>
     </li>
     <li>E
       <ol>
         <li><%-template("SVGElement", ["ellipse"])%></li>
       </ol>
     </li>
     <li>F
       <ol>
         <li><%-template("SVGElement", ["feBlend"])%></li>
         <li><%-template("SVGElement", ["feColorMatrix"])%></li>
         <li><%-template("SVGElement", ["feComponentTransfer"])%></li>
         <li><%-template("SVGElement", ["feComposite"])%></li>
         <li><%-template("SVGElement", ["feConvolveMatrix"])%></li>
         <li><%-template("SVGElement", ["feDiffuseLighting"])%></li>
         <li><%-template("SVGElement", ["feDisplacementMap"])%></li>
         <li><%-template("SVGElement", ["feDistantLight"])%></li>
         <li><%-template("SVGElement", ["feFlood"])%></li>
         <li><%-template("SVGElement", ["feFuncA"])%></li>
         <li><%-template("SVGElement", ["feFuncB"])%></li>
         <li><%-template("SVGElement", ["feFuncG"])%></li>
         <li><%-template("SVGElement", ["feFuncR"])%></li>
         <li><%-template("SVGElement", ["feGaussianBlur"])%></li>
         <li><%-template("SVGElement", ["feImage"])%></li>
         <li><%-template("SVGElement", ["feMerge"])%></li>
         <li><%-template("SVGElement", ["feMergeNode"])%></li>
         <li><%-template("SVGElement", ["feMorphology"])%></li>
         <li><%-template("SVGElement", ["feOffset"])%></li>
         <li><%-template("SVGElement", ["fePointLight"])%></li>
         <li><%-template("SVGElement", ["feSpecularLighting"])%></li>
         <li><%-template("SVGElement", ["feSpotLight"])%></li>
         <li><%-template("SVGElement", ["feTile"])%></li>
         <li><%-template("SVGElement", ["feTurbulence"])%></li>
         <li><%-template("SVGElement", ["filter"])%></li>
         <li><%-template("SVGElement", ["font"])%></li>
         <li><%-template("SVGElement", ["font-face"])%></li>
         <li><%-template("SVGElement", ["font-face-format"])%></li>
         <li><%-template("SVGElement", ["font-face-name"])%></li>
         <li><%-template("SVGElement", ["font-face-src"])%></li>
         <li><%-template("SVGElement", ["font-face-uri"])%></li>
         <li><%-template("SVGElement", ["foreignObject"])%></li>
       </ol>
     </li>
     <li>G
       <ol>
         <li><%-template("SVGElement", ["g"])%></li>
         <li><%-template("SVGElement", ["glyph"])%></li>
         <li><%-template("SVGElement", ["glyphRef"])%></li>
       </ol>
     </li>
     <li>H
       <ol>
         <li><%-template("SVGElement", ["hkern"])%></li>
       </ol>
     </li>
     <li>I
       <ol>
         <li><%-template("SVGElement", ["image"])%></li>
       </ol>
     </li>
     <li>J-L
       <ol>
         <li><%-template("SVGElement", ["line"])%></li>
         <li><%-template("SVGElement", ["linearGradient"])%></li>
       </ol>
     </li>
     <li>M
       <ol>
         <li><%-template("SVGElement", ["marker"])%></li>
         <li><%-template("SVGElement", ["mask"])%></li>
         <li><%-template("SVGElement", ["metadata"])%></li>
         <li><%-template("SVGElement", ["missing-glyph"])%></li>
         <li><%-template("SVGElement", ["mpath"])%></li>
       </ol>
     </li>
     <li>N-P
       <ol>
         <li><%-template("SVGElement", ["path"])%></li>
         <li><%-template("SVGElement", ["pattern"])%></li>
         <li><%-template("SVGElement", ["polygon"])%></li>
         <li><%-template("SVGElement", ["polyline"])%></li>
       </ol>
     </li>
     <li>Q-R
       <ol>
         <li><%-template("SVGElement", ["radialGradient"])%></li>
         <li><%-template("SVGElement", ["rect"])%></li>
       </ol>
     </li>
     <li>S
       <ol>
         <li><%-template("SVGElement", ["script"])%></li>
         <li><%-template("SVGElement", ["set"])%></li>
         <li><%-template("SVGElement", ["stop"])%></li>
         <li><%-template("SVGElement", ["style"])%></li>
         <li><%-template("SVGElement", ["svg"])%></li>
         <li><%-template("SVGElement", ["switch"])%></li>
         <li><%-template("SVGElement", ["symbol"])%></li>
       </ol>
     </li>
     <li>T
       <ol>
         <li><%-template("SVGElement", ["text"])%></li>
         <li><%-template("SVGElement", ["textPath"])%></li>
         <li><%-template("SVGElement", ["title"])%></li>
         <li><%-template("SVGElement", ["tref"])%></li>
         <li><%-template("SVGElement", ["tspan"])%></li>
       </ol>
     </li>
     <li>U
       <ol>
         <li><%-template("SVGElement", ["use"])%></li>
       </ol>
     </li>
     <li>V-Z
       <ol>
         <li><%-template("SVGElement", ["view"])%></li>
         <li><%-template("SVGElement", ["vkern"])%></li>
       </ol>   
     </li>
       </ol></li>
       </ol>
      </section>
    <%}%>
    Search for pages that use Template:SVGRef to see example use cases and how many pages use this macro.

    Document Tags and Contributors

    Tags: 
    Contributors to this page: Wjjohnst, kscarfone, fscholz, Sheppy
    Last updated by: fscholz,