当前位置: 首页 > 编程笔记 >

是否可以通过HTML5中的“最近邻居”重采样来调整图像大小?

双俊人
2023-03-14
本文向大家介绍是否可以通过HTML5中的“最近邻居”重采样来调整图像大小?,包括了是否可以通过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);
   }
}
 类似资料:
  • 问题内容: 我有一个2D整数数组 MxN ,我想将该数组扩展为 (BM)x(BN) ,其中 B 是一个正方形瓦片边的长度,因此输入数组的每个元素都作为 BxB 块重复在最后的数组中。下面是带有嵌套的for循环的示例。有更快/内置的方法吗? 结果… 问题答案: 一种选择是 由于中间数组,这有点浪费,但至少是简洁的。

  • 问题内容: 我正在尝试使用javascript和canvas元素在客户端创建缩略图,但是当我缩小图像时,它看起来很糟糕。看起来好像是在Photoshop中缩小了尺寸,将重采样设置为“最近的邻居”而不是Bicubic。我知道有可能使它看起来正确,因为该站点也可以使用画布来完成它。我已经尝试使用与[[Source]]链接中所示相同的代码,但是看起来仍然很糟糕。是否缺少我需要的设置,需要设置的设置? 编

  • 我的场景中有一个对象。我希望能够调整窗口的大小,并与它一起调整窗格的大小。我还想在窗格旁边放置一个。 到目前为止,我已经成功地生成了一个完全可调整大小的或一个,其中包含和对象,但当我调整窗口大小时,窗格不会随之调整大小。 以下是带有锚烷的FXML: 只有的版本基本上就是版本中使用的代码,但具有和属性。 如何制作一个场景,使其具有可调整大小的和?

  • 我正在尝试使用jgraph T解决一个链接预测问题。我正在根据两个节点的邻居计算两个节点之间的相似性。每个节点都有一些属性。计算变得太多了,因为一些节点有大约700个邻居,而我有4500个这样的节点。我有谁对的700K边,我计算相似性。 现在,我不想使用节点的所有邻居,我只想使用每个节点的k个最近邻居来计算一对节点之间的相似度。我可以根据边共享的两个节点的属性数,或节点之间长度为n的最短路径数等,

  • 我遇到了这两个SO问题,但它们似乎给出了相反的答案: 从Google云存储获取调整大小的图像 调整Google云存储中的图像大小

  • 我有一个尺寸为800x800的图像,其大小为170 kb。我想将此图像调整为600x600。调整大小后,我希望缩小图像大小。我该怎么做?