首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >paper.js代码不运行

paper.js代码不运行
EN

Stack Overflow用户
提问于 2016-10-08 09:15:22
回答 1查看 696关注 0票数 1

我最近开始与Paper.js合作。试图直接使用javascript,我不明白为什么下面的代码在运行时绝对不会产生任何结果:

代码语言:javascript
复制
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>paper1</title>

<script type="text/javascript" src="js/paper.js"></script>
<script type="text/javascript"> 

    window.onload = function() {

    var canvas = document.getElementById("myCanvas");
    paper.setup(canvas);

    var path = new paper.Path();
    path.strokeColor = 'black';            

    var tool = new paper.Tool();

     tool.onMouseDown = function(event) {
           path.add(event.point);               
            }

    paper.view.draw();
    };

</script>

</head>
<body>
<canvas id="myCanvas" resize></canvas>

</body>

我很想知道

更新

当我移除window.onload时,它可以工作。为什么会发生这种事?

EN

回答 1

Stack Overflow用户

发布于 2016-10-09 15:49:16

实际上,有东西出现了。试着点击画布最左边的uper,线条就会显示出来。但是,如果您单击右下角的“更多”,您将看到如果单击但被移动,则不会添加行。

使用resize属性时似乎存在问题。移除它并手动添加尺寸,它将以整数形式工作:

代码语言:javascript
复制
<canvas id="myCanvas" width="500" height="300"></canvas>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39930673

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档