胡西风的博客

用css画一个loading。

用canvas画一个验证码

用canvas画一个表挂在墙上。

用canvas写一个刮刮乐

canvas练习画太阳花

canvas绘制线段、矩形、圆形、文字、贝塞尔曲线、图像、视频处理、线性渐变、径向渐变、坐标变化，旋转，缩放，图形移动

canvas元素绘制图像的时候有两种方法，分别是。style:在进行图形绘制前，要设置好绘图的样式。ctx.strokeStyle //边框样式。ctx.fillStyle //填充的样式。ctx.stroke() //绘制边框。ctx.fill() //填充。

这篇文章主要为大家详细介绍了 JavaScript 如何利用 Canvas 实现绘制简单的柱状图, 文中的示例代码讲解详细, 感兴趣的小伙伴可以跟随小编一起学习一下笔者之所以想要深入了解Canvas，是因为最近几次的实习部门都属于Data这个门类下面，所以用echarts之类的图标库会很多很多，那么当然要好好学一下其间的底层原理了。那么让我们好好聊聊，如何实现一个柱状图。

图片转canvas，canvas转png，下载png图片。

见canvas.html代码说明上述例子中，用css设置的width为450，height为300，对应默认的画布大小300×150，宽高比例分别为1.5和2，所以我们设置的矩形的宽（100px）高（100px）实现显示的会是宽：100px×1.5=150px；高：100px×2=200px;

概述 以前都是后端同学来处理的，现在有了canvas， 前端同学也可以做出水印来了， 而且要比后端同学做的要精美漂亮。制作水印的几个步骤在html中准备好canvas标签将图片绘制到canvas元素上向图片上添加水印canvas标签<canvas id="myCanvas" width="500" height=&am