03-01-01.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="950" height="400" viewBox="0 0 950 400" 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.form.Field</text>
  21.         <line x1="65" y1="25" x2="65" y2="45" stroke="black"/>
  22.         <line x1="-320" y1="45" x2="350" y2="45" stroke="black"/>
  23.         <line x1="-320" y1="45" x2="-320" 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="70" y1="45" x2="70" y2="65" stroke="black" marker-end="url(#arrow)"/>
  26.         <line x1="350" y1="45" x2="350" y2="65" stroke="black" marker-end="url(#arrow)"/>
  27.     </g>
  28.     <g transform="translate(10,80)">
  29.         <g transform="translate(0,0)">
  30.             <rect x="0" y="0" width="150" height="25" rx="5" ry="5"
  31.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  32.             <text x="10" y="17" fill="white">Ext.form.Checkbox</text>
  33.             <line x1="70" y1="25" x2="70" y2="45" stroke="black" marker-end="url(#arrow)"/>
  34.         </g>
  35.         <g transform="translate(0,50)">
  36.             <rect x="0" y="0" width="150" height="25" rx="5" ry="5"
  37.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  38.             <text x="20" y="17" fill="white">Ext.form.Radio</text>
  39.         </g>
  40.     </g>
  41.     <g transform="translate(175,80)">
  42.         <rect x="0" y="0" width="130" height="25" rx="5" ry="5"
  43.             stroke="#223388" stroke-width="2" fill="url(#line)"/>
  44.         <text x="8" y="17" fill="white">Ext.form.Hidden</text>
  45.     </g>
  46.     <g transform="translate(400,80)">
  47.         <g transform="translate(0,0)">
  48.             <rect x="0" y="0" width="145" height="25" rx="5" ry="5"
  49.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  50.             <text x="10" y="17" fill="white">Ext.form.TextField</text>
  51.             <line x1="70" y1="25" x2="70" y2="45" stroke="black"/>
  52.             <line x1="-80" y1="45" x2="240" y2="45" stroke="black"/>
  53.             <line x1="-80" y1="45" x2="-80" y2="55" stroke="black" marker-end="url(#arrow)"/>
  54.             <line x1="80" y1="45" x2="80" y2="55" stroke="black" marker-end="url(#arrow)"/>
  55.             <line x1="240" y1="45" x2="240" y2="55" stroke="black" marker-end="url(#arrow)"/>
  56.         </g>
  57.         <g transform="translate(-170,60)">
  58.             <rect x="0" y="0" width="170" height="25" rx="5" ry="5"
  59.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  60.             <text x="10" y="17" fill="white">Ext.form.NumberField</text>
  61.         </g>
  62.         <g transform="translate(10,60)">
  63.             <rect x="0" y="0" width="140" height="25" rx="5" ry="5"
  64.                 stroke="#223388" stroke-width="2" fill="url(#line)"/>
  65.             <text x="10" y="17" fill="white">Ext.form.TextArea</text>
  66.         </g>
  67.         <g transform="translate(160,60)">
  68.             <g transform="translate(0,0">
  69.                 <rect x="0" y="0" width="170" height="25" rx="5" ry="5"
  70.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  71.                 <text x="10" y="17" fill="white">Ext.form.TriggerField</text>
  72. <line x1="80" y1="25" x2="80" y2="45" stroke="black"/>
  73. <line x1="0" y1="45" x2="150" y2="45" stroke="black"/>
  74. <line x1="0" y1="45" x2="0" y2="55" stroke="black" marker-end="url(#arrow)"/>
  75. <line x1="150" y1="45" x2="150" y2="55" stroke="black" marker-end="url(#arrow)"/>
  76.             </g>
  77.             <g transform="translate(-80,60)">
  78.                 <rect x="0" y="0" width="160" 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.ComboBox</text>
  81. <line x1="80" y1="25" x2="80" y2="45" stroke="black" marker-end="url(#arrow)"/>
  82.             </g>
  83.             <g transform="translate(-80,110)">
  84.                 <rect x="0" y="0" width="160" height="25" rx="5" ry="5"
  85.                     stroke="#223388" stroke-width="2" fill="url(#line)"/>
  86.                 <text x="10" y="17" fill="white">Ext.form.TimerField</text>
  87.             </g>
  88.             <g transform="translate(90,60)">
  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.form.DateField</text>
  92.             </g>
  93.         </g>
  94.     </g>
  95.     <g transform="translate(690,80)">
  96.         <rect x="0" y="0" width="125" height="25" rx="5" ry="5"
  97.             stroke="#223388" stroke-width="2" fill="url(#line)"/>
  98.         <text x="10" y="17" fill="white">Ext.HtmlEditor</text>
  99.     </g>
  100. </svg>