php - 为什么这个 Canvas 不显示?

标签 php javascript html canvas

谁能告诉我为什么这个 Canvas 不显示?我只是不明白,它甚至不显示

标签。我正在使用 chromium 运行 crunchbang 10。所有其他 Canvas 都可以,但这个不行。

<!doctype html>  
<html lang="en">  
    <head>  
          <meta charset="utf-8">  
          <title>Test</title>  
          <meta name="description" content="An HTML5 Test">  
          <meta name="author" content="William Starkovich">  
          <link rel="stylesheet" href="css/styles.css?v=1.0">
          <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){

                //get a reference to the canvas
                var ctx = $('#canvas')[0].getContext("2d");

                //draw a circle
                ctx.beginPath();
                ctx.arc(75, 75, 10, 0, Math.PI*2, true); 
                ctx.closePath();
                ctx.fill();
            }
          </script>    
    </head>  
    <body>  
         <canvas id="canvas" width="800px" height="100px">
        <p>Your browser doesn't support canvas.</p>
        </canvas>
    </body>  
</html> 

最佳答案

问题是 JavaScript 代码中的语法错误。您在主函数的结束 } 上缺少 );

  $(document).ready(function(){

            //get a reference to the canvas
            var ctx = $('#canvas')[0].getContext("2d");

            //draw a circle
            ctx.beginPath();
            ctx.arc(75, 75, 10, 0, Math.PI*2, true); 
            ctx.closePath();
            ctx.fill();
  });

关于php - 为什么这个 Canvas 不显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7871099/

相关文章:

javascript - 使用AJAX调用php文件

javascript - Rxjs 主题表现 - 多少算太多?尝试将几个合二为一会更好吗?

javascript - 为什么振动 API 不适用于 ServiceWorker WorkerNavigator

html - 响应式菜单位置 CSS

php - 更新sql中的表不起作用

php - MySQL-替换整个表中所有行和列的空间

php - 上传的图片不保存在数据库中

php - 如何在opencart中创建全局函数

javascript - AngularJS 函数执行问题——需要延迟执行第二个函数

javascript - 如何两次使用 Angular JS Controller