摄氏零度以后...

Digital Technology Solution / Service
    <<  一帮畜生——检出三聚氰胺婴幼儿配方乳粉企业名单 | 首 页 | Canvas使用教程——基本语法  >>
  • Canvas使用教程——开题 - [XHTML]

    2008-09-24

    Tag:canvas HTML5 firefox Gecko JavaScript

    原文:http://developer.mozilla.org/En/Canvas_tutorial

    <canvas>是一个可以用JS脚本来作画的HTML标记,用它来可以做些简单的绘图、图片变换或者动画等等。

    <canvas>标记最早是被Mac OS X Dashboard及其后的Safari浏览器引入,如今,基于Geoko 1.8内核的浏览器,比如FireFox 1.5等也开始支持这个新的标签,并且是已制定的HTML5标准的标记之一。

    在以下的教程中,我们将演示如何操作该标签,并给出实例来说明canvas的各方法及用途。

    起步之前

    在学习之前,我们肯定要先掌握一些基本的HTML及JS知识,然后才能在接下来的教程中有所感悟。并且,canvas标记目前并不被市面上所有的浏览器所兼容,因此,你需要一个基于Geoko 1.8内核的浏览器,比如Firefox 1.5,Opera 9或者最新版本的Safari浏览器作为学习工具;

    教程索引

    1. 基本语法(Basic usage)
    2. 几何图形绘制(Drawing shapes)
    3. 图片应用(Using images)
    4. 样式与颜色应用(Applying styles and colors)
    5. 图形变换(Transformations)
    6. 图像合成(Compositing)
    7. 动画基础(Basic animations)

    历史上的今天:

    Canvas使用教程——基本语法 2008-09-24

    随机文章:

    Canvas使用教程——图片应用 2008-12-22
    Canvas使用教程——图形绘制 2008-09-25
    Canvas使用教程——基本语法 2008-09-24
    08年 ,JavaScript总结[转] 2009-01-12
    判断iframe是否加载完的完美方法 2009-09-28

    收藏到:Del.icio.us




    引用地址:
    Jim 发表于15:07:36 | 编辑 | 继续话题 | 转发 | 分享 0

最新日志

  • 利用CSS来preload图片或者改善用户体验
  • Google 搜索排名机制根本不鸟网站的关键字元标签
  • 分享几个天气预报数据源,开发中很实用[转贴备用]
  • 资料:CSS的私有属性声明
  • 判断iframe是否加载完的完美方法
  • IE条件注释
  • 如何判断脚本加载完成【转】
  • 用JS获取图片尺寸
  • 双飞翼布局[转]
  • 08年 ,JavaScript总结[转]
全部日志>>

文章分类

  • 非技术贴[5]
  • JavaScript[9]
  • XHTML[11]
  • script.aculo.us[34]
  • 数码摄影[10]
  • SEO[1]

关键词

  • JavaScript[46]
  • prototype[37]
  • Effect[26]
  • Combination-Effects[18]
  • 数码单反[11]
more..

全文搜索

最新评论

  • 流水涵清:经测试,IE6 only
  • FirefoxFans:非常好的教程,谢谢了。...
  • 本博客被访问了 次
Copyright © 2008 Jim Yuan, All Rights Reserved.