1

HTML5 のキャンバスがあり、ネットワーク ペインティング アプリケーションを作成しています。ただし、他のクライアントが描画コードを受け取ると、マウスオーバーするまでキャンバスに描画されません。

それを修正する方法はありますか？他のクライアントがキャンバス上にマウス カーソルを置かなくても、図面を表示して更新できるようにしたいと考えています。

4

1 に答える 1

1

https://developer.mozilla.org/en/Drawing_Graphics_with_Canvasから

<html>


<head>
  <script type="application/javascript">
var drawHandle;
function draw() {
  return drawHandle = setTimeout(function(){
  var canvas = document.getElementById("canvas");
  var ctx = canvas.getContext("2d");

  ctx.fillStyle = "red";

  ctx.beginPath();
  ctx.moveTo(30, 30);
  ctx.lineTo(150, 150);
  // was: ctx.quadraticCurveTo(60, 70, 70, 150); which is wrong.
  ctx.bezierCurveTo(60, 70, 60, 70, 70, 150); // <- this is right formula for the image on the right ->
  ctx.lineTo(30, 30);
  ctx.fill();
}
}, 1000);//Where 1000 is the timeout in milliseconds
   </script>
 </head>
 <body onload="draw()">
   <canvas id="canvas" width="300" height="300"></canvas>
 </body>
</html>
于 2012-06-03T22:24:16.770 に答える