防止HTML画布对象选择

时间:2012-12-26 00:06:30

标签: javascript html css

我正在使用交互式动画自定义我的主页,但无法让它在页面中感觉更有效。请参阅http://geotheory.co.uk/。我想在用户点击页面时停止选择画布对象。动画是Processing script,然后是translated到javascript。 index.html上写着:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>geotheory.co.uk</title>
</head>
<body  id="home" bgcolor="#202020">
    <script src="processing-1.4.1.min.js"></script>
    <div id="canvasContainer">
    <canvas padding: 0 data-processing-sources="rectangles.pde"></canvas>
    </div>
</body>

感激帮助。

1 个答案:

答案 0 :(得分:1)

它是:focus伪类导致它。这应该解决它:

canvas:focus{
    outline:none;
}