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上的内容转换为图像。每个浏览器都有一些怪癖，但它是最接近您想要做的事情，而不必在页面上放置许多画布元素，您可以串联更新。

可以将画布绘制成div吗？

2 个答案: