キャンバスには含まれているがキャンバスには含まれていない画像を水平方向に反転することはできますか?
いくつかの画像を含むキャンバスがあります。
キャンバス内にあるすべての画像から1つの画像だけを反転したい。
私はこのコードを持っています:
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
var x = 10;
var y = 10;
var width = 200;
var height = 137;
var imageObj = new Image();
imageObj.onload = function() {
context.translate(width, 0);
context.scale(-1, 1);
context.drawImage(imageObj, x, y, width, height);
};
imageObj.src = 'http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg';
これらの行:
context.translate(width, 0);
context.scale(-1, 1);
画像とキャンバスを一緒に反転します。
私はこのようなことをしたい:
imageObj.translate(width, 0);
imageObj.scale(-1, 1);
どのようにそれを行うには? どうもありがとう。