2

こんにちは、サイズ変更や回転中に画像の高さ、幅、角度の値を取得する可能性があることを知りたいので、私はhtml5キャンバスに慣れていません。私が望むものを表示する画像。画像 Googleで検索したため、キャンバスにドロップした後、そのプロセスが必要です。関連する答えが見つかりませんでした。ほとんどの人が、コードに保持されるキャンバス内の画像の位置を示していますが、画像をクリックすると自動的に値を表示する必要があります寸法ボタンについて。よろしくお願いします。

画像は、画像が変更された場合のように、画像に従ってキャンバスにその寸法を表示する必要があります（または、サイズ変更または自動的に回転すると、ボタンクリック機能を使用して寸法が変更されます）。

4

1 に答える 1

0

次の方法でキャンバスで遊ぶことができます

 <canvas id="myCanvas">Your browser does not support the canvas tag.</canvas>
<script type="text/javascript">

    var canvas = document.getElementById('myCanvas');
    var ctx = canvas.getContext('2d');

    // Draw blue rectangle
    ctx.fillStyle = '#0065BD';
    ctx.fillRect(0, 0, 125, 75);

    // Draw white X
    ctx.beginPath();
    ctx.lineWidth = "15";
    ctx.strokeStyle = "white";
    ctx.moveTo(0, 0);
    ctx.lineTo(125, 75);
    ctx.moveTo(125, 0);
    ctx.lineTo(0, 75);
    ctx.stroke();

</script>

これがお役に立てば幸いです。

于 2013-03-01T11:21:59.600 に答える