Question

我正在尝试使用JQuery反射功能，但我遇到了一些麻烦。反射功能可以在我尝试添加类的任何图像上正常工作，但是，只有在我不修改图像的大小时，它才有效。

一旦我尝试调整我正在应用反射的图像的大小，我尝试应用它的大小被忽略而且一些图像被切断了...我想知道调整大小的正确方法是什么我正在应用反射的图像？

的jsfiddle

http://jsfiddle.net/suxcd/

注意：如果您删除＆＃34;宽度：50％＆＃34;反射工作正常，整个图像显示应该。

Answer 1

您正在按百分比调整大小，如果您使用已定义的数字

http://jsfiddle.net/suxcd/1/

我想问题是你需要它在％

编辑：

见http://jsfiddle.net/suxcd/3/

基本上，我改变了这个

h.scale(0.5, -1);

0.5与50％相同，您可以轻松地将0.5设置为动态值。获取img标记的width属性，如果有％，则抓取数字将其转换为十进制并在那里使用它。如果没有％则不改变

Answer 2

这是可能的，但只有当您使用的所有图像都使用一个百分比值时（或者您必须使用ID），它才有效。

无论如何，这是updated fiddle。

最重要的代码：编辑文档就绪代码：

$(document).ready(function() {
    var options = {
        opacity: 0.75
    };
    $('.reflect').reflect(options);
    $('.reflected').parent('.reflect').children('canvas').width('50%');
});

使用JQuery Reflection（jsfiddle）时调整图像大小

2 个答案: