css图片剪裁功能 clip
2017-04-26 本文已影响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
