Очистите содержимое div с помощью jQuery. Не могу заставить его работать

Question

Я использую этот пример, который позволяет мне рисовать на холсте.http://devfiles.myopera.com/articles/649/example2.html

Однако мне нужна кнопка, которая очищает ее содержимое.Это то, что я сделал без удачи.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<script type="text/javascript">
    $(document).ready(function () {
      $("#clearme").click(function() {
       var view = $('#imageView');
       var context = view[0].getContext('2d');
       context.clearRect(550, 550, view.width(), view.height());
      });
    });

<a href="#" id="clearme">clear</a>

<div id="container">
      <canvas id="imageView" width="610" height="680">
      </canvas>
</div>

Что мне здесь не хватает?

Answer 1

Вы должны очистить холст, empty() - это не то, что вы ищете. Сделайте что-то вроде этого:

var ctx = canvasEl.getContext('2d');
ctx.clearRect(0, 0, canvasEl.width, canvasEl.height);
ctx.beginPath();

Answer 2

Вместо этого очистите холст через его API:

var view = $('#imageView');
var context = view[0].getContext('2d');
context.clearRect(0, 0, view.width(), view.height());

Answer 3

Пусто () не очистит холст. Вам придется использовать clearRect.