您的位置：首页 > Web前端 > HTML5

HTML5-Canvas

2016-04-11 10:46 274 查看

Canvas简介

<canvas>
是 HTML5 新增的元素，可使用
JavaScript
脚本来绘制图形。例如：画图，合成照片，创建动画甚至实时视频处理与渲染。

示例，使用
CanvasRenderingContext2D.fillRect()
方法的简单例子.

HTML

<canvas id="canvas"></canvas>


JavaScript

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

ctx.fillStyle = "green";
ctx.fillRect(10, 10, 100, 100);




其中，fillStyle定义了颜色，fillRect四个参数分别为（x轴、y轴、width、height）

教程：

基本用法

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  canvas 视频 动画 javascript html5
相关文章推荐
新的分享
章节导航