canvas画布

JavaScript

HTML5 canvas画布详解(一)

48 0

HTML5中canvas元素用于在网页上绘制图形。Canvas的特点Canvas画布是一个矩形区域,可以控制其每一个像素Canvas使用JavaScript来控制画图Canvas具有直线、矩形、圆以及添加图像的方法Canvas标签的使用下面的代码是使用canvas画面绘制一个200*200红色矩形:12345678910111213141516<!Doctype html><html>

JavaScript

HTML5 canvas画布详解(二)

41 0

上一篇对canvas标签作了简单的介绍和用法示例,但实际上canvas的用法是非常强大的,很多酷炫的HTML5动画及游戏都是基于canvs来制作的。因此决定继续来两篇canvas相关的博文,巩固canvas的基础。 本篇主要介绍canvas的相关属性和用法。颜色、样式和阴影属性描述fillStyle设置或返回用于填充绘画的颜色、渐变或模式strokeStyle设置或返回用于笔触的颜色、渐变或模式shadowColor设置或返回用于阴影的颜色shadowBlur设置或返回用于阴影的模糊级别shadowOff

JavaScript

HTML5 canvas画布详解(六)

23 0

贝塞尔曲线下面是canvas绘制贝塞尔曲线的代码:1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162<!DOCTYPE html><html><head> <meta charset="ut