9 NİSAN 2010, Cuma
Nasıl HTML5 Tuval öğesi özel yazı tiplerini kullanabilir miyim?
Cufon ve typeface.js gibi şeyler de yaptım ama SİFR alternatifleri gibiler ve seni serbest koordinatları ayarlayın ve <canvas>
üzerine özel bir türü çekmeye izin yok
Herkes herhangi bir fikir var mı?
CEVAP
9 NİSAN 2010, Cuma
Birlikte @bu font-face yapmak için nasıl jsfiddle burada gösterilen basit bir demo attım: http://jsfiddle.net/zMKge/
Opera da metin API dahil olmak üzere <canvas>
kullanarak basit bir öğretici vardır, ama iki hiper-bağlantılar olacak kadar havalı değilim. :)
CSS:
@font-face {
font-family: 'KulminoituvaRegular';
src: url('http://www.miketaylr.com/f/kulminoituva.ttf');
}
Javascript:
var ctx = document.getElementById('c').getContext('2d');
var kitty = new Image();
kitty.src = 'http://i954.photobucket.com/albums/ae30/rte148/891blog_keyboard_cat.gif';
kitty.onload = function(){
ctx.drawImage(this, 0,0,this.width, this.height);
ctx.font = '68px KulminoituvaRegular';
ctx.fillStyle = 'orangered';
ctx.textBaseline = 'top';
ctx.fillText ('Keyboard Cat', 0, 270);
};
Bunu Paylaş:
Nasıl YANİ HTML5 tuval öğesi kullanabi...
Nasıl HTML5 tuval öğesi metin yazabili...
Nasıl özel bir Yazı karakteri ile Type...
Nasıl bir tuval öğesi üzerinde fare bi...
Nasıl tuval içindeki animasyon çerçeve...