svg

作者: 蘑菇酱960903 | 来源:发表于2018-05-04 09:33 被阅读0次
  • 矩形 <rect x="10" y="10" 坐标
    height="100" width="100" 大小
    rx="5" ry="5" 圆角弧度
    />
  • 圆 <circle cx="40" cy="40" r="24" /> 圆心坐标和半径
  • 椭圆 <ellipse cx="40" cy="40" rx="30" ry="15" /> 圆心坐标,横向半径和纵向半径
  • 线段 <line x1="0" y1="10" x2="0" y2="100"/> 起点(x1, y1) 终点(x2, y2)
  • 多线段 <polyline points="0,0 30,0 15,30 0,0" /> 在这里指定了三个points,对应着x, y,最后一个points为闭合
  • 绘制多边形 <polygon points="10,0 60,0 35,50" /> 在这里不需要闭合点,能自动闭合
  • 路径

相关文章

  • Android图片之svg

    1.SVG是什么2.SVG优点3.SVG使用4.获取SVG5.封装使用6.SVG动画 1.SVG是什么? SVG(...

  • SVG的使用

    SVG图片 一. SVG介绍 1.1. SVG概念解析 SVG全称: Scalable Vector Graphi...

  • 资源

    SVG svg icon 对应git(node.js写的) svg animation study svg cs...

  • (第六天)HTML5之SVG的了解与使用&Web数据存储

    SVG 什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用...

  • svg standalone

    简单的 SVG 实例 一个简单的SVG图形例子: 这里是SVG文件(SVG文件的保存与SVG扩展): "http:...

  • SVG学习笔记

    SVG学习笔记 简介 SVG使用XML来描述二维图形和绘图程序的语言。 SVG形状 SVG在HTML页面 SVG ...

  • SVG

    Menu SVG 实例 SVG 形状 SVG 实例 SVG 的 用来创建一个圆。cx 和 cy ...

  • SVG简介及其用法

    一、SVG - 基础 1.什么是SVG 2.SVG的优势 3.SVG与canvas的区别 4.用途 5.svg再将...

  • svg实例

    一个简单的SVG图形例子: 这里是SVG文件(SVG文件的保存与SVG扩展): SVG 代码解析: 第一行包含了 ...

  • SVG用法

    常见引入svg的方法 .svg文件的常见结构: html页面中绘制svg的常见方法: 关于SVG的viewBox:...

网友评论

      本文标题:svg

      本文链接:https://www.haomeiwen.com/subject/ldxrrftx.html