canvas认识

Posted shenq2014

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了canvas认识相关的知识,希望对你有一定的参考价值。

1使用canvas绘制一个矩形

<canvas id="canvas" width="640" height="360"></canvas>

  

<script>
//    获取context对象
    var canvas = document.getElementById(‘canvas‘);
    if(canvas.getContext) {
        var context = canvas.getContext(‘2d‘);
//        设置颜色
        context.fillStyle = ‘rgb(255,0,0)‘;
//        从坐标(20,30)开始,画一个64x36大小的矩形
        context.fillRect(20,30,64,36);
    }
</script>

  

2

 

以上是关于canvas认识的主要内容,如果未能解决你的问题,请参考以下文章

canvas绘画基础:认识canvas画布

H5 认识canvas

canvas的认识

canvas学习笔记一基本认识

canvas一:基本认识

小程序各种功能代码片段整理---持续更新