<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);
}
ミラー効果を出すにはグラデーションを入れないといけないと思います。よろしくお願いします。