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

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="210" height="25" rx="5" ry="5"
  20.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  21.             <text x="10" y="17" fill="white">Ext.layout.ContainerLayout</text>
  22.             <line x1="5" y1="25" x2="5" y2="280" stroke="black"/>
  23.             <line x1="5" y1="45" x2="15" y2="45" stroke="black" marker-end="url(#arrow)"/>
  24.             <line x1="5" y1="130" x2="15" y2="130" stroke="black" marker-end="url(#arrow)"/>
  25.             <line x1="5" y1="160" x2="15" y2="160" stroke="black" marker-end="url(#arrow)"/>
  26.             <line x1="5" y1="190" x2="15" y2="190" stroke="black" marker-end="url(#arrow)"/>
  27.             <line x1="5" y1="280" x2="15" y2="280" stroke="black" marker-end="url(#arrow)"/>
  28.         </g>
  29.         <g transform="translate(40,30)">
  30.             <g>
  31.                 <rect x="0" y="0" width="180" height="25" rx="5" ry="5"
  32.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  33.                 <text x="10" y="17" fill="white">Ext.layout.AnchorLayout</text>
  34.                 <line x1="5" y1="25" x2="5" y2="75" stroke="black"/>
  35.                 <line x1="5" y1="45" x2="15" y2="45" stroke="black" marker-end="url(#arrow)"/>
  36.                 <line x1="5" y1="75" x2="15" y2="75" stroke="black" marker-end="url(#arrow)"/>
  37.             </g>
  38.             <g transform="translate(20,30)">
  39.                 <rect x="0" y="0" width="200" height="25" rx="5" ry="5"
  40.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  41.                 <text x="10" y="17" fill="white">Ext.layout.AbsoluteLayout</text>
  42.             </g>
  43.             <g transform="translate(20,60)">
  44.                 <rect x="0" y="0" width="175" height="25" rx="5" ry="5"
  45.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  46.                 <text x="10" y="17" fill="white">Ext.layout.FormLayout</text>
  47.             </g>
  48.         </g>
  49.         <g transform="translate(40,120)">
  50.             <rect x="0" y="0" width="190" height="25" rx="5" ry="5"
  51.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  52.             <text x="10" y="17" fill="white">Ext.layout.BorderLayout</text>
  53.         </g>
  54.         <g transform="translate(40,150)">
  55.             <rect x="0" y="0" width="190" height="25" rx="5" ry="5"
  56.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  57.             <text x="10" y="17" fill="white">Ext.layout.ColumnLayout</text>
  58.         </g>
  59.         <g transform="translate(40,180)">
  60.             <g>
  61.                 <rect x="0" y="0" width="160" height="25" rx="5" ry="5"
  62.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  63.                 <text x="10" y="17" fill="white">Ext.layout.FitLayout</text>
  64.                 <line x1="5" y1="25" x2="5" y2="75" stroke="black"/>
  65.                 <line x1="5" y1="45" x2="15" y2="45" stroke="black" marker-end="url(#arrow)"/>
  66.                 <line x1="5" y1="75" x2="15" y2="75" stroke="black" marker-end="url(#arrow)"/>
  67.             </g>
  68.             <g transform="translate(20,30)">
  69.                 <rect x="0" y="0" width="160" height="25" rx="5" ry="5"
  70.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  71.                 <text x="10" y="17" fill="white">Ext.layout.Accordion</text>
  72.             </g>
  73.             <g transform="translate(20,60)">
  74.                 <rect x="0" y="0" width="175" height="25" rx="5" ry="5"
  75.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  76.                 <text x="10" y="17" fill="white">Ext.layout.CardLayout</text>
  77.             </g>
  78.         </g>
  79.         <g transform="translate(40,270)">
  80.             <rect x="0" y="0" width="180" height="25" rx="5" ry="5"
  81.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  82.             <text x="10" y="17" fill="white">Ext.layout.TableLayout</text>
  83.         </g>
  84.     </g>
  85. </svg>