![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Canvas
文章平均质量分 93
李青伟
不一样的烟火
展开
-
canvas从0开始(一)
什么是canvas <canvas> 是 HTML5 新增的元素,可用于通过使用 JavaScript 中的脚本来绘制图形。例如,它可以用于绘制图形、制作照片、创建动画,甚至可以进行实时视频处理或渲染。<canvas> 只是一个画布,本身并不具有绘图的能力,绘图必须使用 JavaScript 等脚本语言。 <canvas> 标签允许脚本语言动态渲染位图像。 标签...原创 2018-12-21 01:35:33 · 451 阅读 · 0 评论 -
canvas从0开始(二)
前面介绍了一下canvas和canvas的一些应用,这里讲一下canvas基础 创建canvas画布 很简单,canvas本身就是一个html5的元素,那直接在页面上写一个标签就可以了,为了方便观察,将背景颜色设置成黑色。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <...原创 2018-12-21 05:17:29 · 252 阅读 · 0 评论 -
Canvas从0开始(三)
前面讲了一些canvas的基础知识 下面就来一步步实现下面这个效果 分析一下这个效果: 第一部分:背景+颜色渐变(css) 第二部分:动(js) &amp;lt;div class=&quot;landscape&quot;&amp;gt;&amp;lt;/div&amp;gt; //背景 &amp;lt;div class=&quot;filter&am原创 2018-12-24 00:32:26 · 381 阅读 · 0 评论