svg 初初初初初初初初

特点矢量图
用途:浏览器直接打开,直接子html内使用svg标签,在html中使用img标签引用,作为css背景。
可以使用svg绘制的基本图形及对应的属性
图形:<rect><circle><ellipse><line><polyline><polygon>
基本属性:stroke fill stroke-width transform

  • <rect>
    [慕课网](http://www.imooc.com/video/2610)
  • <circle>
    [慕课网](http://www.imooc.com/video/2610)
  • <ellipse>
    Paste_Image.png
  • <line>
    Paste_Image.png
  • <polyline>
    Paste_Image.png
  • <polygon>
    Paste_Image.png
  • 属性
    Paste_Image.png
  • 基本api
    Paste_Image.png
  • 例子:
    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
    //…………
    </svg>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在React Native中使用ARTReact Native ART 究竟是什么?所谓ART,是一个在React...
    JackfengGG阅读 9,601评论 2 50
  • 一:什么是SVG? 对于SVG的定义如下: ①:SVG 指的是可伸缩矢量图形 (Scalable Vector G...
    GreenHand1阅读 855评论 0 1
  • 一、什么是SVG? SVG指可伸缩矢量图形(Scalable Vector Graphics); SVG用来定义用...
    清心挽风阅读 1,431评论 1 3
  • 一.什么是SVG? SVG 指的是可伸缩矢量图形 (Scalable Vector Graphics),它用来定义...
    nightZing阅读 17,182评论 11 62
  • 一、栅格图形和矢量图形栅格图形:也称位图,图像由一组二维像素网格表示。Canvas 2d API 就是一款栅格图形...
    linda102阅读 1,173评论 0 4