HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

あるHTML5キャンバスのコンテンツを別のキャンバスにローカルにコピーするにはどうすればよいですか?


drawImage()メソッドは、キャンバスに画像、キャンバス、およびビデオを描画するために使用されます。また、画像の一部を描画したり、画像サイズを拡大または縮小したりすることもできます。

例を見てみましょう-

//context grabbed from your destination canvas
ctx = destinationCanvas.getContext('2d');

//drawImage() called passing the source canvas directly
dCtx.drawImage(sourceCanvas, 0, 0);

このコードでは、最初に画像がソースキャンバスからコピーされます。 sourceCanvasは、HTMLImageElement、HTMLVideoElement、またはHTMLCanvasElementにすることができます。キャンバス描画コンテキストをソースとして使用することはできません。キャンバス描画コンテキストがソースキャンバスである場合、context.canvas

の下のコンテキストに元のキャンバス要素への参照があります。

後者のコードは、drawImage()メソッドを使用して、ソースキャンバスから目的のキャンバスにコンテキストをコピーします。


  1. PHPのimagepalettecopy()関数を使用して、ある画像から別の画像にパレットをコピーするにはどうすればよいですか?

    imagepalettecopy() は、ある画像から別の画像にパレットをコピーするために使用される組み込みのPHP関数です。この関数は、パレットをソース画像から宛先画像にコピーします。 構文 void imagepalettecopy(resource $destination, resource $source) パラメータ imagepalettecopy() 2つのパラメータを受け入れます-$source および$destination 。 $ destination −宛先画像リソースを指定します。 $ source −ソース画像リソースを指定します。

  2. Excelでソースから別のスプレッドシートに列幅をコピーする方法

    Microsoft Excelで列幅を手動で調整することは、時間がかかるだけでなく、面倒な作業になる可能性があります。幸い、Excelで列幅をコピーすることができる回避策があります 簡単に。 Excelで列幅をコピーするには、投稿に記載されている手順を参照してください。 Excelで列幅をコピーする方法 Excelでのテーブルの書式設定は、主にテキストの長さに一致するように行われます。ただし、それをコピーして別のExcelファイルに貼り付けると、元の形式は保持されません。これがあなたがしなければならないことです! Excelファイルを開きます。 セルを右クリックして、[コピー]を選択