HTML5画布

HTML5画布

<canvas><canvas/>标签只是图形容器,必须使用脚本来绘制图形

<canvas>标签的属性:

height,width.

<canvas>与SVG,VML的差异。

<canvas>是基于javascript来进行绘图的,而SVG,VML是使用一个XML文档来进行绘图的。三者各有优缺点。

Canvas 对象

getContext() :返回一个用于在画布上绘图的环境。

canvas对象可以:

1.线性渐变,径向渐变

2.绘制矩形,圆形。

3.可以把图片放置到画布上。

4.像素操作

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.基本用法要使用canvas元素,必须先设置其width和height属性,制定可以绘画的区域大小。出现在开始和...
    林中欢歌要找笑语阅读 485评论 0 0
  • 第一章 HTML5 (2014年10月29日发布)新特性: 10个 (1)新的语义标签 (2)增强型表单 (3)视...
    fastwe阅读 975评论 0 1
  • 1. 随便创建一个画布 2. 绘制图形 3. 绘制直线 4. 绘制矩形 两种方法: ① context.fillS...
    梨啊梨阅读 445评论 0 0
  • 一、简介 HTML5 中的定义:“它是依赖分辨率的位图画布,你可以在 canvas 上面绘制任何图形,甚至加载照片...
    destiny0904阅读 10,596评论 1 4
  • 1. 创建canvas画布 通过标签创建 2.绘制矩形 3.绘制圆 arc(x,y,r,start,stop) 4...
    Ching_Lee阅读 208评论 0 0