пользовательский шрифт из @ font-face в текстовом элементе canvas - PullRequest
Новая
       23

пользовательский шрифт из @ font-face в текстовом элементе canvas

0 голосов
/ 12 июля 2011

Я хочу нарисовать текст на холсте с помощью моего собственного шрифта.Итак, я попробовал это:

Линии 

    <style type = "text/css">
        @font-face
        {
            font-family: "Itt";
            src: url('42936.ttf') format("truetype"); 
        }

    </style>

    <script type = "text/javascript">

        function drawText()
                {

                    var canvas = $('#canvas');                        
                    var ctx = canvas[0].getContext('2d');

                    ctx.font = 'bold 22px Itt';
                    ctx.fillStyle = 'black';
                    ctx.fillText('Hello, world!', 100, 100);   
                }

        $(document).ready(function(){
                                drawText();
                            });
    </script>

Ничего не рисует.Шрифт загружен, потому что если попробовать что-то вроде этого 

<div style = "font-family: 'Itt'">some text</div>

Все отлично работает.

...