HTML5 Canvas kullanarak bir ayna dönüşümü oluşturmak için, içeriği yatay olarak çevirmek için x yönünde bir negatif ölçek uygulayabilir veya içeriği dikey olarak çevirmek için y yönünde bir negatif ölçek uygulayabiliriz.
Çıktı:
Kod:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <canvas id="canvas" width="578" height="200"></canvas> <script> var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); context.translate(canvas.width / 2, canvas.height / 2); // dikey çevirme context.scale(-1, 1); context.font = '30pt Calibri'; context.textAlign = 'center'; context.fillStyle = 'blue'; context.fillText('Merhaba Dünya!', 0, 0); </script> |
Yorum Yap