HTML5中的<canvas>标签绘制圣诞树

    转眼间，一年一度的圣诞节又来临了。在这个越来越受到国人重视的节日中，每个人有每个人的浪漫方式，当然程序员们也不例外。在绘图板中绘制下面这个图形并不算什么难事，但是使用代码来生成这个圣诞树却需要一定的HTML5基础。如何使用canvas功能绘制的简单圣诞树呢？下面使用HTML5中的<canvas>标签来绘制，如果你熟悉HTML5，这对你来说轻而易举。

青岛网站建设，青岛网络公司
<canvas id="mycanvas" height="200" width="200"></canvas>
<script type="text/javascript">
    function drawTree() {
       // get the canvas element using the DOM
        var canvas = document.getElementById('mycanvas');
         // Make sure we don't execute when canvas isn't supported
        if (canvas.getContext) {
            // use getContext to use the canvas for drawing
            var ctx = can