阻止HTML画布对象选择

Preventing HTML canvas object selection

本文关键字：对象 选择 HTML 布对象 阻止      更新时间：2023-09-26

我正在用交互式动画自定义我的主页，但在页面中让它感觉更流畅时遇到了麻烦。请参阅http://geotheory.co.uk/。我想在用户单击页面时阻止画布对象被选中。动画是一个处理脚本，然后被翻译成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>

感谢您的帮助。

是:focus伪类引起的。这应该可以修复:

canvas:focus{
    outline:none;
}
相关文章：