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

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="400" height="500" viewBox="0 0 400 500" 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="400" height="500" fill="white"/>
  17.     <g transform="translate(10,10)">
  18.         <g transform="translate(20,0)">
  19.             <rect x="0" y="0" width="120" height="25" rx="5" ry="5"
  20.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  21.             <text x="10" y="17" fill="white">Ext.Container</text>
  22.             <line x1="5" y1="25" x2="5" y2="75" stroke="black"/>
  23.             <line x1="5" y1="45" x2="15" y2="45" stroke="black" marker-end="url(#arrow)"/>
  24.             <line x1="5" y1="75" x2="15" y2="75" stroke="black" marker-end="url(#arrow)"/>
  25.         </g>
  26.         <g transform="translate(40,30)">
  27.             <rect x="0" y="0" width="110" height="25" rx="5" ry="5"
  28.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  29.             <text x="10" y="17" fill="white">Ext.Viewport</text>
  30.         </g>
  31.         <g transform="translate(40,60)">
  32.             <g transform="translate(0,0)">
  33.                 <rect x="0" y="0" width="90" height="25" rx="5" ry="5"
  34.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  35.                 <text x="10" y="17" fill="white">Ext.Panel</text>
  36.                 <line x1="5" y1="25" x2="5" y2="225" stroke="black"/>
  37.                 <line x1="5" y1="45" x2="15" y2="45" stroke="black" marker-end="url(#arrow)"/>
  38.                 <line x1="5" y1="75" x2="15" y2="75" stroke="black" marker-end="url(#arrow)"/>
  39.                 <line x1="5" y1="105" x2="15" y2="105" stroke="black" marker-end="url(#arrow)"/>
  40.                 <line x1="5" y1="135" x2="15" y2="135" stroke="black" marker-end="url(#arrow)"/>
  41.                 <line x1="5" y1="165" x2="15" y2="165" stroke="black" marker-end="url(#arrow)"/>
  42.                 <line x1="5" y1="195" x2="15" y2="195" stroke="black" marker-end="url(#arrow)"/>
  43.                 <line x1="5" y1="225" x2="15" y2="225" stroke="black" marker-end="url(#arrow)"/>
  44.             </g>
  45.             <g transform="translate(20,30)">
  46.                 <rect x="0" y="0" width="110" height="25" rx="5" ry="5"
  47.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  48.                 <text x="10" y="17" fill="white">Ext.TabPanel</text>
  49.             </g>
  50.             <g transform="translate(20,60)">
  51.                 <rect x="0" y="0" width="70" height="25" rx="5" ry="5"
  52.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  53.                 <text x="10" y="17" fill="white">Ext.Tip</text>
  54.             </g>
  55.             <g transform="translate(20,90)">
  56.                 <rect x="0" y="0" width="100" height="25" rx="5" ry="5"
  57.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  58.                 <text x="10" y="17" fill="white">Ext.Window</text>
  59.             </g>
  60.             <g transform="translate(20,120)">
  61.                 <rect x="0" y="0" width="140" height="25" rx="5" ry="5"
  62.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  63.                 <text x="10" y="17" fill="white">Ext.form.FieldSet</text>
  64.             </g>
  65.             <g transform="translate(20,150)">
  66.                 <rect x="0" y="0" width="155" height="25" rx="5" ry="5"
  67.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  68.                 <text x="10" y="17" fill="white">Ext.form.FormPanel</text>
  69.             </g>
  70.             <g transform="translate(20,180)">
  71.                 <rect x="0" y="0" width="150" height="25" rx="5" ry="5"
  72.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  73.                 <text x="10" y="17" fill="white">Ext.tree.TreePanel</text>
  74.             </g>
  75.             <g transform="translate(20,210)">
  76.                 <g>
  77.                     <rect x="0" y="0" width="150" height="25" rx="5" ry="5"
  78.                         stroke="#223388" stroke-width="2" fill="url(#line)"/>
  79.                     <text x="10" y="17" fill="white">Ext.grid.GridPanel</text>
  80.                     <line x1="5" y1="25" x2="5" y2="75" stroke="black"/>
  81.                     <line x1="5" y1="45" x2="15" y2="45" stroke="black" marker-end="url(#arrow)"/>
  82.                     <line x1="5" y1="75" x2="15" y2="75" stroke="black" marker-end="url(#arrow)"/>
  83.                 </g>
  84.                 <g transform="translate(20,30)">
  85.                     <rect x="0" y="0" width="185" height="25" rx="5" ry="5"
  86.                         stroke="#223388" stroke-width="2" fill="url(#line)"/>
  87.                     <text x="10" y="17" fill="white">Ext.grid.EditorGridPanel</text>
  88.                 </g>
  89.                 <g transform="translate(20,60)">
  90.                     <rect x="0" y="0" width="170" height="25" rx="5" ry="5"
  91.                         stroke="#223388" stroke-width="2" fill="url(#line)"/>
  92.                     <text x="10" y="17" fill="white">Ext.grid.PropertyGrid</text>
  93.                 </g>
  94.             </g>
  95.         </g>
  96.     </g>
  97. </svg>