css图片剪裁功能 clip

作者: 山豆山豆 | 来源:发表于2017-04-26 09:11 被阅读44次

    2017-04-26

    clip

    见天学习了一个CSS2 的一个功能 clip 图片裁剪功能 clip:

    img
      {
      position:absolute;
      clip:rect(0px,60px,200px,0px);
      }
    
    

    rect 唯一合法值。 针对定位元素 唯一合法的形状值是:rect (top, right, bottom, left)

    <html>
    <head>
    <style type="text/css">
    img 
    {
    position:absolute;
    clip:rect(0px 50px 200px 0px)
    }
    </style>
    </head>
    
    <body>
    <p>clip 属性剪切了一幅图像:</p>
    <p></p>
    </body>
    
    </html>
    
    img

    2017-04-26

    heatmap.js

    var heatmap = h337.create({
      container: domElement  //获得盛放 map的div元素
    });
    
    heatmap.setData({
      max: 5,
      data: [{ x: 10, y: 15, value: 5}, ...]        
    });
    

    //data 实业个数组 数组里面每个元素 是一个 json 每个json 包含 x,y,value,

    热力图.png

    相关文章

      网友评论

        本文标题:css图片剪裁功能 clip

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