На холсте mousedown и mousemove работают нормально, но событие mouseup не было запущено в следующем примере:
<code><!DOCTYPE html>
<html> <head> <style type="text/css"> body {background: #eee;} </style> </head>
<body>
<div style="float:left;">
<canvas id="video-canvas" width=320 height=240 style="background:#000;"></canvas>
</div>
<pre align="left" id="log"> function Logger (id) {this.el = document.getElementById ('log');} Logger.prototype.log = function (msg) {var фрагмент = document.createDocumentFragment ();fragment.appendChild (document.createTextNode (MSG));fragment.appendChild (document.createElement ( 'ш'));this.el.appendChild (фрагмент);};Logger.prototype.clear = function () {this.el.textContent = '';};var logger = new Logger ('log');