Balik ‹kanvas› (putar 180 derajat) setelah dipublikasikan di halaman

Saya mencoba memutar elemen kanvas SETELAH ditambahkan ke DOM. Kanvas berukuran 600x50 dan ini adalah kode yang ada:

var canvas = document.getElementsByTagName('canvas')[2];
var ctx = canvas.getContext('2d');
ctx.translate(300, 25); // rotate @ center

ctx.rotate(angle * Math.PI/180);

yang tidak menyelesaikan tugas. Apakah saya melewatkan sesuatu?

Terima kasih


canvas html
person smallmeans    schedule 14.04.2010    source sumber
comment
Apakah maksud Anda memutar dari lanskap ke potret? (jika ya, ubah lebar dan tingginya) Apa variabel sudutnya?   -  person Ming-Tang    schedule 14.04.2010
comment
Tidak juga, cukup balikkan secara vertikal.. lihat tangkapan layar ini: i42.tinypic.com/71jpqa.jpg   -  person smallmeans    schedule 14.04.2010

Jawaban (1)


arrow_upward
2
arrow_downward

Gali dan temukan solusi yang berfungsi ini;

context.scale(1,-1); //flip vertically 
context.translate(0,-height); //move beneath original position

bekerja dengan sangat baik!

person smallmeans    schedule 14.04.2010
comment
apakah ini akan berfungsi untuk gambar bit map juga? Saya mengalami masalah di sana.. =/ - person Shouvik; 10.11.2010
comment
Jika Anda diizinkan menggunakan CSS3, Anda mungkin bisa menggunakan transformasi CSS serupa. - person Juho Vepsäläinen; 05.05.2011