SVG & gradient & color

https://developer.mozilla.org/zh-CN/docs/Web/SVG/Tutorial/Gradients



<svg width="120" height="240" version="1.1" xmlns="http://www.w3.org/2000/svg">

  <defs>

      <linearGradient id="Gradient1">

        <stop class="stop1" offset="0%"/>

        <stop class="stop2" offset="50%"/>

        <stop class="stop3" offset="100%"/>

      </linearGradient>

      <linearGradient id="Gradient2" x1="0" x2="0" y1="0" y2="1">

        <stop offset="0%" stop-color="red"/>

        <stop offset="50%" stop-color="black" stop-opacity="0"/>

        <stop offset="100%" stop-color="blue"/>

      </linearGradient>

      <style type="text/css"><![CDATA[

        #rect1 { fill: url(#Gradient1); }

        .stop1 { stop-color: red; }

        .stop2 { stop-color: black; stop-opacity: 0; }

        .stop3 { stop-color: blue; }

      ]]></style>

  </defs>

  <rect id="rect1" x="10" y="10" rx="15" ry="15" width="100" height="100"/>

  <rect x="10" y="120" rx="15" ry="15" width="100" height="100" fill="url(#Gradient2)"/>

</svg>

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

最新文章

  1. Css、javascript、dom(一)
  2. 读书笔记-Android初学笔记
  3. NavigationController的使用整理
  4. shell 统计GMT0 时区的数据
  5. Fluentd 例子
  6. jquery 实现ajax 上传文件的功能（使用插件 ajaxfileupload）
  7. UI基础:DataPersistent.沙盒
  8. 通过API函数来控制SQLite数据库增删改查
  9. redis twitter
  10. 领域驱动设计(Domain Driven Design)参考架构详解
  11. 利用虚函数减少导出DLL的头文件依赖
  12. Linux进程/内核模型
  13. python并发编程之多进程(二)：互斥锁（同步锁）&amp;进程其他属性&amp;进程间通信（queue）&amp;生产者消费者模型
  14. jenkins简单安装及配置（Windows环境）
  15. 关于C++中Hash的应用
  16. 百度地图手机端单触点单击和长按事件，解决部分手机(小米手机)地图单击事件失效，多触点、拖动依然触发长按的bug
  17. NLP入门资料
  18. php连接mssql
  19. 剑指offer63：数据流中的中位数
  20. ubuntu上安装R的时候遇到的问题总结

热门文章

  1. C++ Primer Plus读书笔记（二）处理数据
  2. Map转换为格式化的YAML字符串
  3. VS Code 使用教程详解
  4. js--数组的find()和findIndex()方法的使用介绍
  5. 安装superset
  6. [SpringSecurity] UserDetailsService 详解
  7. AtCoder - agc043_a 和 POJ - 2336 dp
  8. 【noi 2.6_1759】LIS 最长上升子序列（DP，3种解法）
  9. UVA 796 - Critical Links 无向图字典序输出桥
  10. 数位dp整理 &amp;&amp; 例题HDU - 2089 不要62 &amp;&amp; 例题 HDU - 3555 Bomb