ivenqin的博客

在 HTML5 中，我们除了上一节讲过的可以对图形设置平移、旋转、缩放，还可以给图形添加阴影效果。添加阴影的时候只需要利用图形上下文对象的几个关于阴影绘制的属性就可以实现啦。 图形阴影绘制的属性 属性 描述 shadowOffsetX 阴影的横向位移量 shadowOffsetY 阴影的纵向位移量 shadowBlur 阴影的模糊范围 shadowColor 阴影的颜色 shadowOffsetX 属性和 shadowOffsetY 属性分别用于设置阴影在 X 轴和 Y 轴的

上一节我们已经学会了如何创建 Canvas 画布，本节我们来学习有关于 Canvas 中的属性和方法的使用，通过这些属性和方法，我们可以绘制各种图形，例如线条、矩形、圆形、多边形等等。 Canvas坐标 上一节我们已经学习了如何创建画布，而要在画布上绘制图形首先我们得弄清楚画布中的坐标关系。 Canvas画布中的左上角坐标为 (0,0) ，画布的 x 和 y 轴用于在画布上对绘画进行定位。 如下图所示： 绘制线条 我们可以通过下面属性和方法来在 Canvas 画布中绘制线条： beginPath()：用