20篇文章 · 6248字 · 2人关注
-
canvas-柱状学习了这么多Canvas中的API，是时候出来溜溜了，写一个low版的柱状图吧！先瞜一眼效果图： 分析一下简版思路： 上个canvas宽高为60...
-
canvas-绘制图像canvas中可以绘制图像，可分为三种参数形式 第一种参数形式： ctx.drawImage(image, x, y);参数：image: 规定...
-
canvas-裁切clip()
使用图形上下文不带参数的clip()方法来实现Canvas图形裁切功能，该方法会使用先创建好的路径对canvas设置裁剪区域，裁剪指定区域显示内...
-
canvas-线性渐变、径向渐变及纹理1、设置线性渐变 语法 创建var linearGrad = context.createLinearGradient(startX, star...
-
canvas-isPointPath
含义: Canvas中很多交互的行为离不开这个属性，isPointInPath(x , y)是Canvas 2D API用于检测某点是否在路径的...
-
canvas-非零环绕原则含义：射线由内向外延伸，经过的路径是否相反，相反相加为0 ，则需被挖空，其余则填充 绘制圆环： 我们可以画一个圆环。一个顺时针，一个逆时针，那么...
-
canvas-图像重叠效果
图像重叠globalCompositeOperation ： 绘制的图像，在重叠的时候所产生的效果(复合操作) globalCompositeO...
-
canvas-透明球案例
一、分析思路 1.1随机生成球1.1.1球的大小1.1.2球的颜色1.1.3球心的位置1.1.4每个球的步长（x,y） 1.2 随机生成的...
-
canvas-阴影及透明度一、 阴影 ctx.shadowColor = ‘color’; // 阴影颜色ctx.shadowOffsetX = ''; // 阴影的偏...
文集作者
