jQuery和Canvas元素的问题

Question

这是我的代码：

$('#add_shape').click(function() {
                            var rectHeight = $('#rect_height_input').val();
                            var WidthOrRadius = $('#widthorradius').val();

                            $('<canvas>').attr({
                                id:'canvas'                             
                            }).css({
                                height:function() {
                                    if (rectHeight > 0) {
                                        return rectHeight + 'px';
                                    }
                                    else {
                                        return WidthOrRadius + 'px';
                                    }
                                },
                                width:WidthOrRadius + 'px'
                            })
                            .appendTo('#work_area');
                                var canvas = document.getElementById('canvas');
                                var ctx = canvas.getContext('2d');                              

                                ctx.fillStyle = $('#color_list option:selected').val();
                                ctx.fillRect(0, 0 , WidthOrRadius, rectHeight);

});

此代码适用于 jsfiddle（此处为：http://jsfiddle.net/dzejkej/xwg5f/），但不适用于我的浏览器。我不知道出了什么问题。有人可以帮忙吗？

Answer 1

如果您使用 HTML5 编写代码，这将给出正确的结果。

你确定你是用 HTML5 编码的吗？