直接上代码: ...
需求:一个圆形的容器,里面有两种颜色,随比率不同而变化。 实现同一个容器中两种颜色变化的关键是css渐变 background:linear gradient , FF lt td gt lt div class process st.count style margin: auto width : px height: px gt lt script type text javascript g ...
2017-03-21 10:16 0 2087 推荐指数:
直接上代码: ...
小箭头的实现 原理 (1)使用css绘制两个三角形 (2)通过绝对定位让两个三角形不完全重叠 (3)让处于上层的三角形比处于下层的三角形偏移1像素,生成空心箭头 兼容处理: 在IE6及更低版本的浏览器中添加font-size: 0; line-height ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x ...
1. css3 ul{ width: 200px; height: 200p ...
...
canvas绘制有两神方法:1)、填充(fill)填充是将图形内部填满. 2)、绘制边框 (stroke)绘制边框是不把图形内部填满,只是绘制图形的外框. 当我们在绘制图形的时候,首先要设定好绘制的样式,然后我们就可以调用有关的方法进行绘制 fillStyle属性 填充的样式,在这 ...
由于之前做移动端h5 打印图片都是用 html2canvas ,但是遇到比较多坑所以想转换用createjs直接绘制。 在createjs里,想实现比较基础的圆形图片,简单来说就是把图片放在一个圆形范围里面,超出圆形部分隐藏。 用到的属性: mask 效果图: 代码片段 ...
canvas绘制圆形的思路: 1、创建路径 XXX.beginpath(); 2、创建圆形的路径; 3、关闭路径;XXX.closepath(); 路径不关闭也能绘制出图形 4、设定绘制样式。 创建圆形路径时需要用到对象的arc方法,方法定义如:XXX.arc(x,y,radius ...