怎么做镜面效果答案

【问题标题】：how to make it mirror effect怎么做镜面效果
【发布时间】：2012-05-30 09:46:59
【问题描述】：

<li id="li_id1" class="li_img1">
    <div>
        <a href="#"><img id="imge1" class="img1" src="img/slide_001.png" alt="My Profile" />
            <canvas id="canvas1"></canvas>  
        </a>
     </div>
</li>

var img_path="img/slide_01.png";
var context = document.getElementById(canvas1).getContext("2d");
var img = new Image();
img.src = img_path;
context.translate(0, 0); 
context.scale(-1,1) 
context.rotate(-3.09);

img.onload = function() {
    context.drawImage(img,0, -205,190,190);
}

我认为我必须设置渐变以使其具有镜像效果。任何想法提前谢谢你。

【问题讨论】：

标签： jquery html

【解决方案1】：

我的建议是使用其中一个插件来应用镜像效果。这是一个：

http://www.digitalia.be/software/reflectionjs-for-jquery

这里有一个重复的问题来回答您的具体问题：Create reflected image with HTML Canvas?

【讨论】：