canvas-基本文档

最新推荐文章于 2025-05-09 15:08:09 发布

雪狼MJ

最新推荐文章于 2025-05-09 15:08:09 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： canvas 文章标签： canvas

本文链接：https://blog.csdn.net/tonybest985/article/details/45644401

canvas 专栏收录该内容

2 篇文章

订阅专栏

学习canvas，作为基本的文档：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script src="js/modernizr.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/rect.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <canvas id="canvasOne" width="640" height="500">
            You browser does not support HTML5 Canvas
        </canvas>
    </body>
</html>

js基本文档：

window.addEventListener("load", eventWindowLoaded, false);
function eventWindowLoaded(){
    canvasApp();
}

//检测是否支持canvas
function canvasSupport(){
    return Modernizr.canvas;
}

function canvasApp(){
    if(!canvasSupport()){
        return;
    }
    var canvas = document.getElementById('canvasOne');
    var context = canvas.getContext('2d'); 

    //可变内容
}