01-html Canvas标签的使用案例
来源:互联网 发布:电脑软件应用商店 编辑:程序博客网 时间:2024/05/27 20:28
在页面中绘制一个矩形,并将其填充的颜色设置为红色。
<!--告诉浏览器这是一个Html5的文档--><!DOCTYPE html><html><head><!--网页的编码方式--><meta charset="UTF-8"/></head><body><!--定义一个画布标签,在画布标签中绘制图形--><canvas id="can1" width="500px;" height="500px;" style="border: 1px solid red"></canvas><script type="text/javascript">//得到画布var can=document.getElementById("can1");//得到上下文即画笔var cxt=can.getContext("2d");//矩形的填充的颜色为红色cxt.fillStyle="#FF0000";//填充矩形(x,y,w,h)cxt.fillRect(100,100,300,300);//绘制直线cxt.moveTo(10,10);cxt.lineTo(150,50);cxt.lineTo(10,50);cxt.stroke();//绘制圆cxt.fillStyle="#FF0000";cxt.beginPath();cxt.arc(70,18,15,0,Math.PI*2,true);cxt.closePath();cxt.fill();</script></body></head></html>
- 01-html Canvas标签的使用案例
- HTML学习(2) canvas标签的使用五
- HTML标签之canvas
- HTML标签canvas
- html:5的新特性之canvas标签的使用大全
- freemark标签的使用案例
- freemark标签的使用案例
- canvas使用案例
- HTML标签的使用
- html标签的使用
- HTML的标签使用
- HTML标签的使用
- <canvas>标签的使用(图形学初步?)
- 有关html中的canvas标签
- HTML 5 <canvas> 标签 用法
- HTML5 - Canvas标签<使用>
- html的canvas使用,时钟绘图总结
- html的简述和概念,html入门案例,html的语言规范,HTML字体标签,格式化标签,图片标签,
- 内存申请与一级二级指针
- PPP with MPPE协议
- hdu2689 Sort it (树状数组)
- M.L's visit work 3--- ros-rt-wmp on epuck
- web页面控件之-模拟页面alert提示
- 01-html Canvas标签的使用案例
- VC++中利用MSXML解析XML文档
- Longest Common Prefix
- oracle 分组学习
- 模n下大数幂乘的两个算法的基本运作原理
- Distinct Subsequences
- osgRecipes编译中osg库的路径怎么设置
- c++操作符重载
- 《算法导论》习题解答搬运&&学习笔记 索引目录