zoukankan      html  css  js  c++  java
  • HTML5-----5月20日随笔(主svg)

    1.知识回顾:

         超出的以省略号形式显示出来:overflow:hidden;

                       white-space:nowrap;

                       text-overflow:ellipsis;

         三者都不能少;

    2.原生js在移动端的事件

      (1)原生js中只有DOM二级事件的写法

        div.addeventlistener(“事件名”,fn,false)DOM二级事件写法

        Div.onlick  DOM零级事件写法

      (2)原生js有touch系列的事件   有click事件

        click就相当于是单机  不建议使用

        移动端的事件:单机,双击,滑动(上下左右)

    zepto提供的事件:

    Tap singleTap doubleTap swipe swipeLeft swipRight swipeUp swipeDown;

    zepto中使用事件函数前需要在zepto的后面引入touch.js   否则报错;

    -------------------------------------------------------------------------------------------------------------

    svg

    1.svg矢量图

      svg绘制矢量图canvas用于绘制位图

      svg使用xml格式绘制图形;

    svg要有一个根节点 叫svg标签  就相当于html;

    svg 如果不设置大小   默认占用面积300*150;

    定义矩形:

      Rect标签  属性有width   height  x  y  rx  ry  fill  stroke-width   stroke   style

      style=“fill—opacity:0.5;stroke-opacity:0.5;opacity:0.5”;

      Fill—opacity和opacity的区:前者只改变填充色的透明度   opacity改变fill和stroke的透明度都改变;

      定义圆:

        Circle  cx  cy  定义圆的圆心坐标     r定义半径

      定义椭圆:

        Ellipse  cx  cy 定义圆心坐标  rx定义x轴半径,ry定义y轴半径;

      定义直线:

        Line  x1  y1 定义起始坐标   x2 y2 定义结束坐标   必须结合stroke绘制

      定义多边形:

        polygon  points=“”   写多边形角的坐标   fill--rule=“”

      定义折线:

        polyline   points=“”   折点的坐标

      定义路径:

        path  M是起点坐标   L是相邻点坐标;

      

  • 相关阅读:
    单元化架构 定义问题
    STGW 下一代互联网标准传输协议QUIC大规模运营之路 wentaomao 腾讯技术工程 2021-02-01
    string
    进程管理工具 源码分析
    etcd 鉴权体系架构由控制面和数据面组成。
    HTTP/2 是基于二进制而不是文本
    分布式 ID 解决方案
    减少重复开发,GraphQL在低代码平台如何落地? 原创 随刻信息流团队 爱奇艺技术产品团队 2021-01-29
    设计模式混编:观察者模式+中介者模式
    mysql 语法总结
  • 原文地址:https://www.cnblogs.com/lovels/p/10896164.html
Copyright © 2011-2022 走看看