javascript - 如果鼠标不移动,paper.js 将不会绘制

标签 javascript html canvas

我遇到了一个非常简单的 paper.js 脚本的奇怪情况。如果我不移动鼠标,脚本将不会在 5 秒后绘制文本。我一移动,它就会显示出来。有人可以向我解释这种奇怪的行为吗?

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Simplify</title>
    <script type="text/javascript" src="http://paperjs.org/assets/js/paper.js"></script>    
    <script type="text/paperscript" canvas="canvas">
        setTimeout(function () {
            var textItem = new PointText({
                content: 'Click and drag to draw a line.',
                point: new Point(20, 30),
                fillColor: 'black',
            });
        }, 5000);
    </script>
</head>
<body>
    <canvas id="canvas" resize></canvas>    
</body>
</html>

最佳答案

你试过添加 paper.view.draw();到你的函数结束?

setTimeout(function () {
        var textItem = new PointText({
            content: 'Click and drag to draw a line.',
            point: new Point(20, 30),
            fillColor: 'black',
        });
     view.draw();
    }, 5000);

关于javascript - 如果鼠标不移动,paper.js 将不会绘制,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22202142/

相关文章:

javascript - 使用js循环播放音频

javascript - HTML5 视频播放速率

javascript - html2canvas 无法加载未定义的图像

javascript - 使用用户输入在 Canvas 中绘制一条线

javascript - 我如何使用同一个按钮来实现 fadeOut() 和 fadeIn()?

javascript - 如何停止 bootstrapValidator 来验证隐藏的输入字段?

javascript - jQuery 表单提交事件根本不起作用

javascript - 如何使用 css 在新窗口中打开链接?

javascript - 为什么 AJAX 的返回值几乎立即消失了?

javascript - Canvas 不透明 - 更改默认背景颜色