首页 > TAG信息列表 > H5canvas
19年5月16日H5canvas课堂随笔
1.rect（），fillrect（），strokeRect（）的区别； （1）rect() 方法是单纯的画出一个矩形框，调用stroke() 或 fill()后才会真正作用于画布。 （2）fillRect() 方法是画出一个有填充颜色的矩形框（默认是黑色的） （3）strokeRect() 绘制线框； 2.绘制大小是默认的一像素的边框，但是我们放大知道得到的并不是1像素的边框，H5canvas 2：路径，画七巧板
H5canvas 2：路径，画七巧板 我们小时候应该都玩过七巧板，小小几块板可以拼出很多的图形，我挑了个简单的图形拼凑了一只小船： 写起来格外简单，代码都是相同的，只是改了几个坐标，主要使用了 beginPath()， fillStyle()， closePath() fill() 这几个方法 以下是js代码（html 和css代码都是一样H5canvas 3：图像操作（滤镜）
H5canvas 3：图像操作（滤镜） canvas图像操作，这里我主要用了 drawImage() 这个方法 新建一个画布，用不同的按钮实现不同的滤镜效果。 html代码： <h2>图像操作</h2> <img src="img/12.jpg" width="100%" id="pic"/> <canvas id="mycan" width="400"