Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby 什么';这是“什么?”;“真正的”;css过滤器色调旋转算法?_Ruby_Svg_Webkit_Hue_Svg Filters - Fatal编程技术网

Ruby 什么';这是“什么?”;“真正的”;css过滤器色调旋转算法?

Ruby 什么';这是“什么?”;“真正的”;css过滤器色调旋转算法?,ruby,svg,webkit,hue,svg-filters,Ruby,Svg,Webkit,Hue,Svg Filters,我目前正在尝试在服务器上复制css过滤器“色调旋转”,它在浏览器之间生成与svg feColorMatrix“hueRotate”相同的内容。我查看了规范、firefox实现和webkit实现。 我将每个算法移植到ruby,但结果仍然与我在浏览器中看到的不同 我把它们放在一起,看看示例图像的区别 <body> <p>Original image:</p> <div class="image"></div> <p>Browse

我目前正在尝试在服务器上复制css过滤器“色调旋转”,它在浏览器之间生成与svg feColorMatrix“hueRotate”相同的内容。我查看了规范、firefox实现和webkit实现。 我将每个算法移植到ruby,但结果仍然与我在浏览器中看到的不同

我把它们放在一起,看看示例图像的区别

<body>
<p>Original image:</p>
<div class="image"></div>
<p>Browser filtered image: (<- I need this generated on the server!</p>
<div class="image hue-90" ></div>
<p>Webkit/spec algorithm image:</p>
<div class="webkit-algorithm-result"></div>
</body>

原始图像:


浏览器筛选图像:(您不需要按正确的顺序设置参数吗

def计算色调webkit(r、b、g、角度)

结果=计算色调网络工具包(r、g、b、90)


看起来您没有做的一件事是将颜色转换为sRGB颜色空间(这是规范要求的)虽然我认为这不会解释你的图像的巨大差别。图像Migic说我的源图像有SRGB:SpulePARTY。PNG PNG 120×120 120×120 120 + 0位8位SRGB 31.8KB 0.000 0U 0:00。00。Robert Longson指出,我偶然互换了一些颜色值。Ruby,甚至JRuby是为了满足我的需要而慢下来。我最后用C++来结束。d工具老兄,给你一个大大的拥抱!我需要一副新眼镜……现在得到的图像正是我想要的!