冰雪为融的博客

前言今天用 canvas 做 H5 的时候遇到了闪屏问题。闪烁效果如下图：问题简介功能简介H5 该部分的功能为：通过点击二级菜单，切换图片的遮罩或者更换背景。因为功能简单，所以用了原生 canvas 实现这个功能。但在使用 clearRect 清除画布的时候会出现闪烁的情况。代码实现（问题代码）以下代码即为出现闪屏的关键代码，省略了图片的定义与 onload：// 点击二级菜单后，触发该函数更新画布updateCanvas(){ const ...

canvas 设置宽高的方法有两种：<canvas width="600" height="400"></canvas> <canvas style="width: 600; height:400 "></canvas>在<canvas>中设置宽高相当于直接设置了画布的大小,如第一种，此时右下角的坐标是(600, 400)特别提醒一点，<canvas>默认的宽高为300px*150px,在<style></

学了两天的canvas了，整理一下所学的知识，总结到一起，加深一下对canvas的理解。嗯、就这样canvas：负责在页面中设定一个区域，然后就可以通过js动态的在这个区域中绘制图形canvas基本用法：要使用canvas，必须先设置width和height属性，指定可以绘图的区域大小。（如果不设置，默认大小是width:300px; height:150px;）一般的写法是直接写在行间，也可以写...

今天学习了基础的canvas，发现canvas很有意思，具体的知识点先不总结，等我学完了一起总结，先上一个自己写的小实例，嗯、直接上代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;钟表效果&lt;/title&a

学习canvas的第二天，依然先不总结，简单的把用到的知识点说一下1、绘制文本：fillText(),这个方法接收四个参数：要绘制的文本字符串，x坐标，y坐标和可选的最大像素宽度（尚未得到所有浏览器的支持）该方法用到的属性：font:表示文本样式、字体、大小。textBaseline:表示文本的基线（top|middle|bottom|hanging|alphabetic|ideographic）...