好知，howzhi.com
IT互联网 > 编程开发 > HTML5入门教程（MSDN） > 笔记
HTML5入门教程（MSDN）

HTML5入门教程（MSDN）

收藏
5 （32人评价）

  • 课时：(12)

  • 学员：(1421)

  • 浏览：(37108)

  • 加入课程

Canvas对象你的画布的笔记

相关课时：
Canvas对象你的画布2012-12-19
笔记详情：

一、绘制图形

1、svg矢量图绘制模式

2、控件生成图像法-效率低，灵活性差

html5实现上述功能：

<canvas width="" height=""></canvas>

二、具体填充内容使用js实现步骤

1、获得canvas对象

2、获得2d绘制上下文对象

3、指定填充的区域，模式，效果

三、paths

-context.beginPath();开始绘制

-context.moveTo(300,700);移动至某点

-contest.lineTo(600,100);连接到

-context.stroke();实现绘制

绘制抛物线：

（直角坐标、极坐标-参数不同）

context.quadraticCurveTo()

贝塞尔曲线：

context.bezierCurveTp()

利用画图工具可做圆角

叠加效果：

true/false-显示背景色（待实践）

0 0

你感兴趣的课程

原创 零基础Html入门视频课程
开始学习
编程开发 零基础Html入门视频课程
2万+浏览/ 92学员/ 5评分
免费
oeasy教你玩转网页设计
开始学习
网页设计 oeasy教你玩转网页设计
1万+浏览/ 377学员/ 5评分
免费
高老师讲编程之HTML5
开始学习
编程开发 高老师讲编程之HTML5
1万+浏览/ 661学员/ 4.6评分
免费
友情链接: EduSoho开源网络课堂 | 气球鱼学院 | 360安全网址导航 | hao123 | 站长之家 | 新科网 | 剥豆豆
Powered by EduSoho v7.5.15 ©2014-2024 好知网 版权所属：杭州阔知网络科技有限公司