02-01.svg
上传用户:zaktkj
上传日期:2022-08-08
资源大小:5770k
文件大小:19k
源码类别:

JavaScript

开发平台:

JavaScript

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="950" height="700" viewBox="0 0 950 700" style="font-weight:bold;font-family:arial,'lucida console',sans-serif,榛戜綋;font-size:14px;">
  3.     <defs>
  4.         <linearGradient id="line" x1="50%" x2="50%" y1="0%" y2="100%">
  5.             <stop offset="20%" stop-color="#88AAEE"/>
  6.             <stop offset="100%" stop-color="#224499"/>
  7.         </linearGradient>
  8.         <marker id="arrow" markerWidth="10" markerHeight="8" refX="4" refY="4" orient="auto">
  9.             <path d="M0,0 8,4 0,8Z" fill="white" stroke="black"/>
  10.         </marker>
  11.         <g id="bg">
  12.             <rect x="0" y="0" width="10" height="10" rx="5" ry="5"
  13.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  14.         </g>
  15.     </defs>
  16.     <rect x="0" y="0" width="950" height="700" fill="white"/>
  17.     <g transform="translate(400,10)">
  18.         <rect x="0" y="0" width="130" height="25" rx="5" ry="5"
  19.             stroke="#223388" stroke-width="2" fill="url(#line)"/>
  20.         <text x="10" y="17" fill="white">Ext.Component</text>
  21.         <line x1="65" y1="25" x2="65" y2="45" stroke="black"/>
  22.         <line x1="-300" y1="45" x2="400" y2="45" stroke="black"/>
  23.         <line x1="-300" y1="45" x2="-300" y2="65" stroke="black" marker-end="url(#arrow)"/>
  24.         <line x1="-160" y1="45" x2="-160" y2="65" stroke="black" marker-end="url(#arrow)"/>
  25.         <line x1="-40" y1="45" x2="-40" y2="65" stroke="black" marker-end="url(#arrow)"/>
  26.         <line x1="70" y1="45" x2="70" y2="65" stroke="black" marker-end="url(#arrow)"/>
  27.         <line x1="190" y1="45" x2="190" y2="65" stroke="black" marker-end="url(#arrow)"/>
  28.         <line x1="400" y1="45" x2="400" y2="65" stroke="black" marker-end="url(#arrow)"/>
  29.     </g>
  30.     <g transform="translate(10,80)">
  31.         <g transform="translate(0,0)">
  32.             <rect x="0" y="0" width="155" height="25" rx="5" ry="5"
  33.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  34.             <text x="10" y="17" fill="white">Ext.BoxComponent</text>
  35.             <line x1="5" y1="25" x2="5" y2="460" stroke="black"/>
  36.             <line x1="5" y1="40" x2="15" y2="40" stroke="black" marker-end="url(#arrow)"/>
  37.             <line x1="5" y1="340" x2="15" y2="340" stroke="black" marker-end="url(#arrow)"/>
  38.             <line x1="5" y1="370" x2="15" y2="370" stroke="black" marker-end="url(#arrow)"/>
  39.             <line x1="5" y1="400" x2="15" y2="400" stroke="black" marker-end="url(#arrow)"/>
  40.             <line x1="5" y1="460" x2="15" y2="460" stroke="black" marker-end="url(#arrow)"/>
  41.         </g>
  42.         <g transform="translate(20,30)">
  43.             <rect x="0" y="0" width="120" height="25" rx="5" ry="5"
  44.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  45.             <text x="10" y="17" fill="white">Ext.Container</text>
  46.             <line x1="5" y1="25" x2="5" y2="280" stroke="black"/>
  47.             <line x1="5" y1="280" x2="15" y2="280" stroke="black" marker-end="url(#arrow)"/>
  48.         </g>
  49.         <g transform="translate(40,60)">
  50.             <rect x="0" y="0" width="90" height="25" rx="5" ry="5"
  51.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  52.             <text x="10" y="17" fill="white">Ext.Panel</text>
  53.             <line x1="5" y1="25" x2="5" y2="220" stroke="black"/>
  54.             <line x1="5" y1="40" x2="15" y2="40" stroke="black" marker-end="url(#arrow)"/>
  55.             <line x1="5" y1="70" x2="15" y2="70" stroke="black" marker-end="url(#arrow)"/>
  56.             <line x1="5" y1="100" x2="15" y2="100" stroke="black" marker-end="url(#arrow)"/>
  57.             <line x1="5" y1="130" x2="15" y2="130" stroke="black" marker-end="url(#arrow)"/>
  58.             <line x1="5" y1="160" x2="15" y2="160" stroke="black" marker-end="url(#arrow)"/>
  59.             <line x1="5" y1="190" x2="15" y2="190" stroke="black" marker-end="url(#arrow)"/>
  60.             <line x1="5" y1="220" x2="15" y2="220" stroke="black" marker-end="url(#arrow)"/>
  61.         </g>
  62.         <g transform="translate(60,90)">
  63.             <rect x="0" y="0" width="110" height="25" rx="5" ry="5"
  64.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  65.             <text x="10" y="17" fill="white">Ext.TabPanel</text>
  66.         </g>
  67.         <g transform="translate(60,120)">
  68.             <rect x="0" y="0" width="70" height="25" rx="5" ry="5"
  69.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  70.             <text x="10" y="17" fill="white">Ext.Tip</text>
  71.         </g>
  72.         <g transform="translate(60,150)">
  73.             <rect x="0" y="0" width="100" height="25" rx="5" ry="5"
  74.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  75.             <text x="10" y="17" fill="white">Ext.Window</text>
  76.         </g>
  77.         <g transform="translate(60,180)">
  78.             <rect x="0" y="0" width="140" height="25" rx="5" ry="5"
  79.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  80.             <text x="10" y="17" fill="white">Ext.form.FieldSet</text>
  81.         </g>
  82.         <g transform="translate(60,210)">
  83.             <rect x="0" y="0" width="155" height="25" rx="5" ry="5"
  84.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  85.             <text x="10" y="17" fill="white">Ext.form.FormPanel</text>
  86.         </g>
  87.         <g transform="translate(60,240)">
  88.             <g transform="translate(0,0)">
  89.                 <rect x="0" y="0" width="150" height="25" rx="5" ry="5"
  90.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  91.                 <text x="10" y="17" fill="white">Ext.grid.GridPanel</text>
  92.             </g>
  93.             <g transform="translate(170,0)">
  94.                 <rect x="0" y="0" width="185" height="25" rx="5" ry="5"
  95.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  96.                 <text x="10" y="17" fill="white">Ext.grid.EditorGridPanel</text>
  97.                 <line x1="-20" y1="12" x2="-5" y2="12" stroke="black" marker-end="url(#arrow)"/>
  98.             </g>
  99.             <g transform="translate(375,0)">
  100.                 <rect x="0" y="0" width="170" height="25" rx="5" ry="5"
  101.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  102.                 <text x="10" y="17" fill="white">Ext.grid.PropertyGrid</text>
  103.                 <line x1="-20" y1="12" x2="-5" y2="12" stroke="black" marker-end="url(#arrow)"/>
  104.             </g>
  105.         </g>
  106.         <g transform="translate(60,270)">
  107.             <rect x="0" y="0" width="150" height="25" rx="5" ry="5"
  108.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  109.             <text x="10" y="17" fill="white">Ext.tree.TreePanel</text>
  110.         </g>
  111.         <g transform="translate(40,300)">
  112.             <rect x="0" y="0" width="110" height="25" rx="5" ry="5"
  113.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  114.             <text x="10" y="17" fill="white">Ext.Viewport</text>
  115.         </g>
  116.         <g transform="translate(20,330)">
  117.             <rect x="0" y="0" width="110" height="25" rx="5" ry="5"
  118.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  119.             <text x="10" y="17" fill="white">Ext.DataView</text>
  120.         </g>
  121.         <g transform="translate(20,360)">
  122.             <rect x="0" y="0" width="130" height="25" rx="5" ry="5"
  123.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  124.             <text x="10" y="17" fill="white">Ext.ProgressBar</text>
  125.         </g>
  126.         <g transform="translate(20,390)">
  127.             <rect x="0" y="0" width="100" height="25" rx="5" ry="5"
  128.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  129.             <text x="10" y="17" fill="white">Ext.Toolbar</text>
  130.             <line x1="5" y1="25" x2="5" y2="40" stroke="black"/>
  131.             <line x1="5" y1="40" x2="15" y2="40" stroke="black" marker-end="url(#arrow)"/>
  132.         </g>
  133.         <g transform="translate(40,420)">
  134.             <rect x="0" y="0" width="145" height="25" rx="5" ry="5"
  135.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  136.             <text x="10" y="17" fill="white">Ext.PagingToolbar</text>
  137.         </g>
  138.         <g transform="translate(20,450)">
  139.             <rect x="0" y="0" width="120" height="25" rx="5" ry="5"
  140.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  141.             <text x="10" y="17" fill="white">Ext.form.Field</text>
  142.             <line x1="5" y1="25" x2="5" y2="130" stroke="black"/>
  143.             <line x1="5" y1="40" x2="15" y2="40" stroke="black" marker-end="url(#arrow)"/>
  144.             <line x1="5" y1="70" x2="15" y2="70" stroke="black" marker-end="url(#arrow)"/>
  145.             <line x1="5" y1="100" x2="15" y2="100" stroke="black" marker-end="url(#arrow)"/>
  146.             <line x1="5" y1="130" x2="15" y2="130" stroke="black" marker-end="url(#arrow)"/>
  147.         </g>
  148.         <g transform="translate(40,450)">
  149.             <g transform="translate(0,30)">
  150.                 <rect x="0" y="0" width="145" height="25" rx="5" ry="5"
  151.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  152.                 <text x="10" y="17" fill="white">Ext.form.TextField</text>
  153.                 <line x1="145" y1="12" x2="150" y2="12" stroke="black"/>
  154.                 <line x1="150" y1="-20" x2="150" y2="40" stroke="black"/>
  155.                 <line x1="150" y1="-20" x2="160" y2="-20" stroke="black" marker-end="url(#arrow)"/>
  156.                 <line x1="150" y1="12" x2="160" y2="12" stroke="black" marker-end="url(#arrow)"/>
  157.                 <line x1="150" y1="40" x2="160" y2="40" stroke="black" marker-end="url(#arrow)"/>
  158.             </g>
  159.             <g transform="translate(165,0)">
  160.                 <rect x="0" y="0" width="170" height="25" rx="5" ry="5"
  161.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  162.                 <text x="10" y="17" fill="white">Ext.form.NumberField</text>
  163.             </g>
  164.             <g transform="translate(165,15)">
  165.                 <g transform="translate(0,15)">
  166.                     <rect x="0" y="0" width="170" height="25" rx="5" ry="5"
  167.                         stroke="#223388" stroke-width="2" fill="url(#line)"/>
  168.                     <text x="10" y="17" fill="white">Ext.form.TriggerField</text>
  169.                     <line x1="170" y1="12" x2="175" y2="12" stroke="black"/>
  170.                     <line x1="175" y1="-5" x2="175" y2="30" stroke="black"/>
  171.                     <line x1="175" y1="-5" x2="185" y2="-5" stroke="black" marker-end="url(#arrow)"/>
  172.                     <line x1="175" y1="30" x2="185" y2="30" stroke="black" marker-end="url(#arrow)"/>
  173.                 </g>
  174.                 <g transform="translate(190,0)">
  175.                     <g transform="translate(0,0)">
  176.                         <rect x="0" y="0" width="160" height="25" rx="5" ry="5"
  177.                             stroke="#223388" stroke-width="2" fill="url(#line)"/>
  178.                         <text x="10" y="17" fill="white">Ext.form.ComboBox</text>
  179.                         <line x1="160" y1="12" x2="175" y2="12" stroke="black" marker-end="url(#arrow)"/>
  180.                     </g>
  181.                     <g transform="translate(180,0)">
  182.                         <rect x="0" y="0" width="160" height="25" rx="5" ry="5"
  183.                             stroke="#223388" stroke-width="2" fill="url(#line)"/>
  184.                         <text x="10" y="17" fill="white">Ext.form.TimerField</text>
  185.                     </g>
  186.                 </g>
  187.                 <g transform="translate(190,30)">
  188.                     <rect x="0" y="0" width="150" height="25" rx="5" ry="5"
  189.                         stroke="#223388" stroke-width="2" fill="url(#line)"/>
  190.                     <text x="10" y="17" fill="white">Ext.form.DateField</text>
  191.                 </g>
  192.             </g>
  193.             <g transform="translate(165,60)">
  194.                 <rect x="0" y="0" width="145" height="25" rx="5" ry="5"
  195.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  196.                 <text x="10" y="17" fill="white">Ext.form.TextArea</text>
  197.             </g>
  198.         </g>
  199.         <g transform="translate(40,510)">
  200.             <rect x="0" y="0" width="130" height="25" rx="5" ry="5"
  201.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  202.             <text x="10" y="17" fill="white">Ext.form.Hidden</text>
  203.         </g>
  204.         <g transform="translate(40,540)">
  205.             <rect x="0" y="0" width="155" height="25" rx="5" ry="5"
  206.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  207.             <text x="10" y="17" fill="white">Ext.form.HtmlEditor</text>
  208.         </g>
  209.         <g transform="translate(40,570)">
  210.             <rect x="0" y="0" width="150" height="25" rx="5" ry="5"
  211.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  212.             <text x="10" y="17" fill="white">Ext.form.CheckBox</text>
  213.         </g>
  214.     </g>
  215.     <g transform="translate(175,80)">
  216.         <rect x="0" y="0" width="125" height="25" rx="5" ry="5"
  217.             stroke="#223388" stroke-width="2" fill="url(#line)"/>
  218.         <text x="10" y="17" fill="white">Ext.ColorPallete</text>
  219.     </g>
  220.     <g transform="translate(310,80)">
  221.         <g transform="translate(0,0)">
  222.             <rect x="0" y="0" width="95" height="25" rx="5" ry="5"
  223.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  224.             <text x="10" y="17" fill="white">Ext.Button</text>
  225.             <line x1="5" y1="25" x2="5" y2="135" stroke="black"/>
  226.             <line x1="5" y1="40" x2="15" y2="40" stroke="black" marker-end="url(#arrow)"/>
  227.             <line x1="5" y1="135" x2="15" y2="135" stroke="black" marker-end="url(#arrow)"/>
  228.         </g>
  229.         <g transform="translate(20,30)">
  230.             <rect x="0" y="0" width="120" height="25" rx="5" ry="5"
  231.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  232.             <text x="10" y="17" fill="white">Ext.SplitButton</text>
  233.             <line x1="5" y1="25" x2="5" y2="70" stroke="black"/>
  234.             <line x1="5" y1="40" x2="15" y2="40" stroke="black" marker-end="url(#arrow)"/>
  235.             <line x1="5" y1="70" x2="15" y2="70" stroke="black" marker-end="url(#arrow)"/>
  236.         </g>
  237.        <g transform="translate(40,60)">
  238.             <rect x="0" y="0" width="130" height="25" rx="5" ry="5"
  239.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  240.             <text x="10" y="17" fill="white">Ext.CycleButton</text>
  241.         </g>
  242.         <g transform="translate(40,90)">
  243.             <rect x="0" y="0" width="180" height="25" rx="5" ry="5"
  244.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  245.             <text x="10" y="17" fill="white">Ext.Toolbar.SplitButton</text>
  246.         </g>
  247.         <g transform="translate(20,120)">
  248.             <rect x="0" y="0" width="180" height="25" rx="5" ry="5"
  249.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  250.             <text x="10" y="17" fill="white">Ext.Toolbar.Button</text>
  251.         </g>
  252.     </g>
  253.     <g transform="translate(415,80)">
  254.         <rect x="0" y="0" width="125" height="25" rx="5" ry="5"
  255.             stroke="#223388" stroke-width="2" fill="url(#line)"/>
  256.         <text x="10" y="17" fill="white">Ext.DatePicker</text>
  257.     </g>
  258.     <g transform="translate(550,80)">
  259.         <g transform="translate(0,0)">
  260.             <rect x="0" y="0" width="90" height="25" rx="5" ry="5"
  261.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  262.             <text x="10" y="17" fill="white">Ext.Editor</text>
  263.             <line x1="5" y1="25" x2="5" y2="40" stroke="black"/>
  264.             <line x1="5" y1="40" x2="15" y2="40" stroke="black" marker-end="url(#arrow)"/>
  265.         </g>
  266.         <g transform="translate(20,30)">
  267.             <rect x="0" y="0" width="150" height="25" rx="5" ry="5"
  268.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  269.             <text x="10" y="17" fill="white">Ext.tree.TreeEditor</text>
  270.         </g>
  271.     </g>
  272.     <g transform="translate(730,80)">
  273.         <g transform="translate(0,0)">
  274.             <rect x="0" y="0" width="155" height="25" rx="5" ry="5"
  275.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  276.             <text x="10" y="17" fill="white">Ext.menu.BaseItem</text>
  277.             <line x1="5" y1="25" x2="5" y2="220" stroke="black"/>
  278.             <line x1="5" y1="40" x2="15" y2="40" stroke="black" marker-end="url(#arrow)"/>
  279.             <line x1="5" y1="130" x2="15" y2="130" stroke="black" marker-end="url(#arrow)"/>
  280.             <line x1="5" y1="190" x2="15" y2="190" stroke="black" marker-end="url(#arrow)"/>
  281.             <line x1="5" y1="220" x2="15" y2="220" stroke="black" marker-end="url(#arrow)"/>
  282.         </g>
  283.         <g transform="translate(20,30)">
  284.             <rect x="0" y="0" width="145" height="25" rx="5" ry="5"
  285.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  286.             <text x="10" y="17" fill="white">Ext.menu.Adapter</text>
  287.             <line x1="5" y1="25" x2="5" y2="70" stroke="black"/>
  288.             <line x1="5" y1="40" x2="15" y2="40" stroke="black" marker-end="url(#arrow)"/>
  289.             <line x1="5" y1="70" x2="15" y2="70" stroke="black" marker-end="url(#arrow)"/>
  290.         </g>
  291.         <g transform="translate(40,60)">
  292.             <rect x="0" y="0" width="155" height="25" rx="5" ry="5"
  293.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  294.             <text x="10" y="17" fill="white">Ext.menu.ColorItem</text>
  295.         </g>
  296.         <g transform="translate(40,90)">
  297.             <rect x="0" y="0" width="155" height="25" rx="5" ry="5"
  298.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  299.             <text x="10" y="17" fill="white">Ext.menu.DateItem</text>
  300.         </g>
  301.         <g transform="translate(20,120)">
  302.             <rect x="0" y="0" width="120" height="25" rx="5" ry="5"
  303.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  304.             <text x="10" y="17" fill="white">Ext.menu.Item</text>
  305.             <line x1="5" y1="25" x2="5" y2="40" stroke="black"/>
  306.             <line x1="5" y1="40" x2="15" y2="40" stroke="black" marker-end="url(#arrow)"/>
  307.         </g>
  308.         <g transform="translate(40,150)">
  309.             <rect x="0" y="0" width="160" height="25" rx="5" ry="5"
  310.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  311.             <text x="10" y="17" fill="white">Ext.menu.CheckItem</text>
  312.         </g>
  313.         <g transform="translate(20,180)">
  314.             <rect x="0" y="0" width="160" height="25" rx="5" ry="5"
  315.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  316.             <text x="10" y="17" fill="white">Ext.menu.Separator</text>
  317.         </g>
  318.         <g transform="translate(20,210)">
  319.             <rect x="0" y="0" width="150" height="25" rx="5" ry="5"
  320.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  321.             <text x="10" y="17" fill="white">Ext.menu.TextItem</text>
  322.         </g>
  323.     </g>
  324. </svg>