HTML – 为什么Google Image使用画布绘制图像?

前端之家收集整理的这篇文章主要介绍了HTML – 为什么Google Image使用画布绘制图像?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
更新:Google图片不使用< canvas>再也没有.

我注意到Google Images正在使用画布渲染图像. < IMG>用作不支持画布的浏览器的后备.

<a class="rg_l" style="..." href="...">
  <canvas
    id="cvs_NcG8skPEDu7FWM:b"
    style="display:block"
    width="83"
    height="113">
  </canvas>
  <img 
    class="rg_i"
    id="NcG8skPEDu7FWM:b"
    src="http://t0.gstatic.com/images?q=tbn:ANd9GcQCB5NEbEUQhtmFI098HLSkfmoHTBtUfERUNkNKrhgFbtFBxZXY9ejXn_pUGg"
    height="113"
    width="83"
    style="width:83px;height:113px"
    onload="google.isr.fillCanvas(this);google.stb.csi.onTbn(0,this)"
    src="http://t0.gstatic.com/images?q=tbn:ANd9GcQCB5NEbEUQhtmFI098HLSkfmoHTBtUfERUNkNKrhgFbtFBxZXY9ejXn_pUGg">
</a>

使用< canvas>的重点是什么?而不是< img>?

解决方法

也许它让他们可以更好地控制图像的内容.

您可以分析图像的颜色范围,主要颜色,甚至其内容(给定智能算法).

您还可以执行逐像素修改 – 更改亮度,对比度,伽玛等(不确定为什么他们想要这样做;也许将来某些用途).

您还可以旋转图像(在支持画布但不支持CSS转换的浏览器上;例如,请参阅此demo of my fabric.js).

原文链接:https://www.f2er.com/html/226049.html

猜你在找的HTML相关文章