小编Pol*_*ris的帖子

如何旋转和镜像画布元素?

我遇到以下问题:我的画布元素 (1280x720) 需要水平镜像并旋转到 180 度。之后,画布就变成了一个 base64 图像(工作没有问题)。

我试过:

var ctx =meinElement.getContext('2d');
meinElement.width = 1280;
meinElement.height = 720;
ctx.scale(-1, 1);
ctx.translate(meinElement.width-1,   meinElement.height-1);
ctx.rotate(Math.PI);
ctx.drawImage(video, 0, 0, meinElement.width, meinElement.height);
Run Code Online (Sandbox Code Playgroud)

旋转就像一个魅力,但镜像会导致黑色元素 - 无论我先旋转还是镜像 - 有人有想法吗?

多谢!

html javascript canvas html5-canvas

3
推荐指数
1
解决办法
6623
查看次数

标签 统计

canvas ×1

html ×1

html5-canvas ×1

javascript ×1