开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > JavaScript > 查看源码
03-02.svg
资源名称：EXT_study.rar　[点击查看]
上传用户：zaktkj
上传日期：2022-08-08
资源大小：5770k
文件大小：2k
源码类别：

JavaScript

开发平台：

JavaScript

03-02.svg：源码内容
  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.     <rect x="90" y="150" width="240" height="200" fill="lightgray" stroke-dasharray="3" stroke-width="2" stroke="black"/>
  18.     <g transform="translate(10,10)">
  19.         <g transform="translate(100,0)">
  20.             <circle cx="100" cy="50" r="55" stroke="#223388" stroke-width="2" fill="url(#line)"/>
  21.             <text x="50" y="55" fill="white">onInvalidDrag</text>
  22.             <line x1="60" y1="90" x2="45" y2="110" stroke="black" marker-end="url(#arrow)"/>
  23.         </g>
  24.         <g transform="translate(0,100)">
  25.             <circle cx="100" cy="50" r="55" stroke="#223388" stroke-width="2" fill="url(#line)"/>
  26.             <text x="55" y="55" fill="white">onDragEnter</text>
  27.             <line x1="140" y1="90" x2="155" y2="110" stroke="black" marker-end="url(#arrow)"/>
  28.         </g>
  29.         <g transform="translate(100,200)">
  30.             <circle cx="100" cy="50" r="55" stroke="#223388" stroke-width="2" fill="url(#line)"/>
  31.             <text x="55" y="55" fill="white">onDragOver</text>
  32.             <line x1="140" y1="10" x2="155" y2="-10" stroke="black" marker-end="url(#arrow)"/>
  33.         </g>
  34.         <g transform="translate(200,100)">
  35.             <circle cx="100" cy="50" r="55" stroke="#223388" stroke-width="2" fill="url(#line)"/>
  36.             <text x="60" y="55" fill="white">onDragOut</text>
  37.             <line x1="60" y1="10" x2="45" y2="-10" stroke="black" marker-end="url(#arrow)"/>
  38.         </g>
  39.     </g>
  40. </svg>