HTML5之canvas画板介绍

什么是canvas:

• <canvas> 标签定义图形,比如图表和其他图像。

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

• canvas 其实对于HTML来说很简单,只是一个标签元素而已,自己并没有行为,

但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都

绘制到一块画布上,拥有绘制路径,矩形,圆,字符以及图像等功能。 所有的

标签只是图形的容器,必须使用JavaScript的 API 操作绘图。

标签:

• <canvas id=“canvas” width=“500” height=“500”></canvas>

getContext

• 返回一个用于在画布上绘图的环境

<script type="text/javascript">

c = document.getElementById("canvas");

context= c.getContext('2d');

</script>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏做全栈攻城狮

.Net程序员快速学习安卓开发-布局和点击事件的写法

我们新建一个layout布局文件时,默认就是相对布局。相对布局是相对于非相对布局来说的。顾名思义,相对布局就是 相对于某些控件位置的布局。所有的控件都是相对位置...

1214
来自专栏一“技”之长

标签之美十——用户交互元素 原

任何一个网页都会提供用户交互的功能,包括账号密码的提交,留言板等用户信息的的获取。

753
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:手机应用的TextTabBar快速实现方式

设置控件字体的颜色,将该属性设置为“95, 100, 110”,表示RGB颜色,如图2;

824
来自专栏性能与架构

微信小程序示例 - 交互组件

消息提示框 toast ? 代码结构 <toast bindchange="..."> 消息内容 </toast> 属性 duration - 消息显示...

4188
来自专栏无所事事者爱嘲笑

不定高元素的高度transition动画实现

2954
来自专栏练小习的专栏

收集两种垂直居中的代码

分两套看 holder的 display:table holder div的 display:table-cell; vertical-align:midd...

1847
来自专栏技术总结

Hybird App之选择器详解(二)

2396
来自专栏.Net移动开发

VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——ImageTabBar控件的使用方式

获得和设置标签栏单元集合,打开集合编辑器,并点击“添加”,分别填写ImageResourceID(菜单项图片名称),SelectImageResourceID(...

643
来自专栏ytkah

如何用<dl>标签做表格而不用table标签

  我们都知道很多的内容编辑器(TinyMCE编辑器、fck)都有插入表格功能,快速方便,但是这些表格用到的<table>标签,可以查看html源代码就能发现,...

3136
来自专栏九彩拼盘的叨叨叨

CSS3的属性值unset

属性值unset的值为:如果该样式是能被继承的,则其值为继承的值;如果该样式是不能被继承的,则其值为CSS规范(CSS specifications)指定的值。

771

扫码关注云+社区

领取腾讯云代金券