0
キャンバスをジャバスクリプトでクリップしようとしていますが、Mozilla Firefoxでは正しく動作しますが、Google Chromeではレンダリングエラー(同じではありません)があります。どうすれば修正できますか?または私は何を間違っているのですか?ここでキャンバスがGoogle Chromeで間違ってクリッピングする
は私のコードです:https://jsfiddle.net/xranto/hmrx52nv/
JS:
var canvas = document.getElementById('c');
var ctx = canvas.getContext('2d');
var img = document.createElement('IMG');
img.onload = function() {
ctx.save();
ctx.beginPath();
ctx.moveTo(31, 145);
ctx.lineTo(206, 200);
ctx.lineTo(303, 57);
ctx.lineTo(469, 378);
ctx.lineTo(133, 538);
ctx.closePath();
ctx.clip();
ctx.drawImage(img, 0, 0);
ctx.restore();
}
img.src = "http://i.imgur.com/fHaQvTc.jpg";
HTML:
<canvas id="c" width="495" height="654"></canvas>
Mozillaのバージョン:43.0.1 - Chromeバージョン:50.0 .2661.87m
あなたはどんな結果を得ていますか、それはどのように見えますか? – Cerbrus
はChrome版26.0.1410.63で動作します –
結果はこちら[http://i.stack.imgur.com/qNUot.jpg] – xranto