1 / 15

重要 的 Canvas 标签

重要 的 Canvas 标签. 主讲：丛浩 @LAMP 兄弟连丛浩 conghao@lampbrother.net. Canvas 的使用. <canvas id="canvas" height="300" width="300"> 您的浏览器不支持 canvas 标签 </canvas>. canvas 标签在页面中只显示一个设定背景色的画布，如果要产生新内容或 者进行画图操作，需要借助 canvas API(HTML5 的内置对 context 对象 ) 和 javascript 操作实现画图或者其他图像操作. canvas 的 常见属性.

dard
Download Presentation

重要 的 Canvas 标签

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 重要的Canvas标签 主讲：丛浩 @LAMP兄弟连丛浩 conghao@lampbrother.net

  2. Canvas的使用 <canvas id="canvas" height="300" width="300"> 您的浏览器不支持canvas标签 </canvas> canvas标签在页面中只显示一个设定背景色的画布，如果要产生新内容或 者进行画图操作，需要借助canvas API(HTML5的内置对context 对象)和 javascript操作实现画图或者其他图像操作

  3. canvas的常见属性

  4. Canvas的APIcanvas主要属性和方法

  5. Canvas的API颜色、样式和阴影属性和方法

  6. Canvas的API线条样式属性和方法

  7. Canvas的API矩形方法

  8. Canvas的API-路径方法

  9. Canvas的API-转换方法

  10. Canvas的API-文本属性和方法

  11. Canvas的API-图像绘制方法

  12. Canvas的API-像素操作方法和属性

  13. Canvas的API图像合成属性

  14. Canvas的API其他方法

  15. Canvas简单的实战操作 1、画一条线段 2、画一个圆形 3、画一个矩形 4、写一段文字画布中 5、将一幅图片添加到画布中 6、反转图片

More Related