【问题标题】:How does CSS handle image manipulations internally? [closed]CSS 如何在内部处理图像操作? [关闭]
【发布时间】:2018-08-13 04:12:12
【问题描述】:

通常,要执行任何图像处理,都会使用图像处理或计算机视觉库。 OpenCV、PIL 等就是其中的一部分。

CSS 如何在内部执行图像处理?

它是否使用任何现有的库来执行此操作? 如果是,图书馆是什么?在哪里可以找到?

考虑以下示例代码 sn-p :

div:hover {
  transform: scale(2);
}

如何查看上述代码中scale()的源码? 哪个库用于执行缩放?

由于 CSS 的实现依赖于浏览器,BROWSER 是如何实现的?

【问题讨论】:

  • CSS的实现是依赖于浏览器的,所以不是“css是怎么做的”,而是“$BROWSER是怎么做的”。
  • 检查浏览器的源代码,几乎所有的都是开源的;)你会觉得它就像OpenCV和任何其他软件......最后,浏览器是一个用语言编写并运行的软件在你的电脑上
  • 很好但非常广泛的问题,并且无法提供标准答案,因为不同的浏览器将有一些变化和他们自己的“优化”他们如何实现转换。此外,答案将是特定于实现的语言(C++/Pascal 等),而不是上面标记的那些。因此我投票结束上述问题

标签: javascript html css image-processing


【解决方案1】:

scale 导致<transform-function>

转换函数本质上使用this specification

哪个链接到这个transform rendering specification

大多数大型浏览器可能会将此作为他们的指导方针。

Here's the source code for the ScaleTransformOperation in WebKit

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-07-23
    • 1970-01-01
    • 1970-01-01
    • 2013-01-13
    • 2011-11-21
    • 1970-01-01
    • 2011-02-24
    相关资源
    最近更新 更多