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

HTML5で「最も近い」リサンプリングを使用して画像のサイズを変更する方法はありますか？

はい、可能です。次を使用してください-

image-rendering: -webkit-optimize-contrast; /* webkit */
image-rendering: -moz-crisp-edges /* Firefox */

例

オフスクリーンキャンバスを作成してから、画像を描画する必要があります。その後、ピクセルをフェッチするだけです。

var a = document.createElement('canvas').getContext('2d');
a.drawImage(myImg,0,0);
var image = a.getImageData(0,0,img1.width,myImg.height).data;
for (var x=0;x<img1.width;++x){
   for (var y = 0; y < img1.height; ++y){
      var i = (y*myImg.width + x)*4;
      var r = imageimageimageimage[i ];
      var g = imageimageimage[i+1];
      var b = imageimage[i+2];
      var a = image[i+3];
      ctx2.fillStyle = "rgba("+r+","+g+","+b+","+(a/255)+")";
      ctx2.fillRect(x*zoom,y*zoom,zoom,zoom);
   }
}

  1. HTML5でdrawImage（）を使用して画像を描画する方法は？

    HTML5 drawImage（）メソッドは、キャンバス上に画像、キャンバス、またはビデオを描画するために使用されます。また、画像の一部を描画します。また、画像サイズを拡大または縮小するために使用することもできます。 これがdrawImage（）メソッドのパラメータ値です- Sr.No drawImage（）パラメータと説明 1 img 画像、キャンバス、またはビデオを指定します。 2 sx xクリッピングを開始する場所を調整します。これはオプションです。 3 sy yクリッピングを開始する場所を調整します。こ

  2. 画像C＃のサイズを変更するにはどうすればよいですか？

    ビットマップは、グラフィックス画像のピクセルデータとその属性で構成されます。ビットマップをファイルに保存するための多くの標準形式があります。 GDI +は、BMP、GIF、EXIF、JPG、PNG、TIFFのファイル形式をサポートしています。ビットマップコンストラクターの1つを使用してファイル、ストリーム、およびその他のソースから画像を作成し、それらをSaveメソッドを使用してストリームまたはファイルシステムに保存できます。 以下のコードでは、 CompressAndSaveImageAsync メソッド画像を圧縮し、言及されたパスに保存します。 新しい画像名は、デスクトップのuserI