zoukankan      html  css  js  c++  java
  • HTML5-SVG-基础篇

    什么是SVG?

      SVG 指可伸缩矢量图形 (Scalable Vector Graphics)

      SVG 用于定义用于网络的基于矢量的图形

      SVG 使用 XML 格式定义图形

      SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失

      SVG 是万维网联盟的标准

    SVG优势

      SVG 图像可通过文本编辑器来创建和修改

      SVG 图像可被搜索、索引、脚本化或压缩

      SVG 是可伸缩的

      SVG 图像可在任何的分辨率下被高质量地打印

      SVG 可在图像质量不下降的情况下被放大

      体积小、质量高、效果好、可控程度高

    <svg width="200" height="200">
                <circle cx="100" cy="100" r="50" stroke="black" stroke-width="2" fill="green"/>
    </svg>

    运行结果:

    矩形

    <svg >
        <rect width="100" height="100" stroke="blue" fill="red"/>
    </svg>

     运行结果:

    多边形

    <svg height="190">
        <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:lime;stroke:purple;stroke-5;fill-rule:evenodd;"></polygon>
    </svg>

    运行结果:

    更多SVG示例

  • 相关阅读:
    touch命令
    cd命令
    通配符
    速查命令
    一些技巧
    从零开始用 Flask 搭建一个网站(四)
    【老板来了你立刻知道!】人脸识别+手机推送
    React Native 一些事
    React-Native 工程添加推送功能 (iOS 篇)
    集成 jpush
  • 原文地址:https://www.cnblogs.com/xiaonangua/p/SVG.html
Copyright © 2011-2022 走看看