можно сделать рисунок холста в div?

Question

Я пытаюсь нарисовать фигуру на холсте HTML5, но форма отображается в элементе div (этим можно манипулировать с помощью javascript). Как я могу это сделать? Я бы опубликовал код, но я даже не знаю, с чего начать. Пожалуйста, помогите.

Чтобы уточнить: я хочу, чтобы фигуры, отображаемые на холсте, помещались в div. Извините за путаницу.

Answer 1

Рисунок Mozilla: https://developer.mozilla.org/en/Canvas_tutorial/Drawing_shapes

<div>
  <canvas id="my_canvas"></canvas>
</div>

<script>
   var canvas = document.getElementById('my_canvas');
   // Set width height.  You should probably use the width/height of the div.
   canvas.width = 300;
   canvas.height = 300;
   var ctx = canvas.getContext('2d');
   //  Draw something with ctx.....
   //  ....
</script>

Answer 2

Вы можете использовать библиотеку Canvas2Image . Это позволит вам конвертировать то, что на холсте, в изображение. Есть некоторые причуды для каждого браузера, но это самое близкое к тому, что вы хотите сделать, не помещая много элементов canvas на страницу, которые вы обновляете в тандеме.