Холст в ячейке таблицы не работает в Firefox - PullRequest
Новая
       11

Холст в ячейке таблицы не работает в Firefox

0 голосов
/ 10 декабря 2011

Я пытаюсь нарисовать холст, используя example2, взятый из http://dev.opera.com/articles/view/html5-canvas-painting/. Это работает в Firefox 8.0.1 и Opera 11.52.

Затем я изменил код, поместил холст в ячейку таблицы и остановился.за работой.Я попытался поместить холст вне таблицы, и абсолютное позиционирование холста на столе ячейки все еще не работает.Вышеупомянутая проблема произошла только в Firefox, хорошо работает в Opera.

Вот код 

<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Sign-In</title>
    <style type="text/css"><!--
      #imageView { border: 1px solid #000; }
    --></style>
  </head>
  <body>
    <p>Please fill in name and id card no. Then sign-in on provided box</p>
    <table>
    <tr><td>Full Name</td><td><input name="name"><td>   </tr>
    <tr><td>ID Card No</td><td><input name="idcard"><td>    </tr>
    <tr><td>Signature</td><td>
    <div id="container">
      <canvas id="imageView" width="200" height="100">      </canvas>
    </div>
    </td>   </tr>
</table>
<script type="text/javascript" src="http://dev.opera.com/articles/view/html5-canvas-painting/example2.js"></script>
</body></html>

Есть идеи?

1 Ответ

0 голосов
/ 10 декабря 2011

Хорошо, вот ваш код в jsfiddle: http://jsfiddle.net/7PRDq/

Проблема, скорее всего, заключается в том, что код обработки мыши дает плохой X, Y в Firefox.Если вы попытаетесь нарисовать подпись в верхнем левом углу поля, вы увидите, что она рисует с неправильным смещением.

Если вы сделаете холст 2000x1000 вместо 200x100, вы увидите проблемугораздо яснее!

Вам нужно будет найти более современный код мыши для FireFox.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...