Результаты поиска

surranov · Разработка

Не работает следующий код в FF (последняя версия), при этом например в IE все работает нормально.
(при нажатии должна рисоваться линия в блоке canvas)

Так же при выводе например "alert("x: "+event.offsetX)" выдает "x: undefind". И это только в FF.

[spoiler]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
var canvas, ctx, w, h;
var flag = 0;
function init(){
canvas = document.getElementById("canvas");
w = canvas.width;
h = canvas.height;
ctx = canvas.getContext('2d');
ctx.strokeRect(0,0,w,h);

canvas.addEventListener("mousedown",function (event){
ctx.beginPath();
ctx.moveTo(event.offsetX, event.offsetY);
flag=0;
canvas.addEventListener('mousemove', function (event) {
if(flag==0){
ctx.lineTo(event.offsetX, event.offsetY);
ctx.stroke();
}
canvas.addEventListener('mouseup', function (event){
flag=1;
}, false);
}, false);

}, false);

}
</script>
</head>
<body onload="init()">
<canvas id="canvas" width="400" heigh

…

Полезная информация

Разработка » Не работает canvas » 10-07-2014 16:41:21

Board footer