我最近开始与Paper.js合作。试图直接使用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时,它可以工作。为什么会发生这种事?
发布于 2016-10-09 15:49:16
实际上,有东西出现了。试着点击画布最左边的uper,线条就会显示出来。但是,如果您单击右下角的“更多”,您将看到如果单击但被移动,则不会添加行。
使用resize属性时似乎存在问题。移除它并手动添加尺寸,它将以整数形式工作:
<canvas id="myCanvas" width="500" height="300"></canvas>https://stackoverflow.com/questions/39930673
复制相似问题