Как я могу использовать пользовательские шрифты в элементе Canvas HTML5?
Я рассматривал такие вещи, как Cufon и typeface.js, но они кажутся альтернативами SIFR и не позволяют вам устанавливать координаты свободной формы и нарисовать собственный тип на <canvas>
У кого-нибудь есть идеи?
Ответ 1
Я собрал простую демонстрацию на jsfiddle, где показано, как это сделать с помощью @font-face: http://jsfiddle.net/zMKge/
В Opera также есть простой учебник по использованию <canvas>, включая текстовый API, но я недостаточно крут, чтобы иметь две гиперссылки.:)
Не важно, используете ли вы KineticJS или нет, единственная разница без KineticJS заключается в том, что вы могли бы создать элемент Canvas непосредственно с HTML вместо использования div-слоя в качестве контейнера. В конце концов, KineticJS создает обычный контейнер Canvas в этом контейнере.