2016-08-04 5 views
0

Google 글꼴에서 선택한 글꼴 및 옵션으로 사용자가 변경할 수 있도록하려는 텍스트가있는 SVG가 있습니다. Google 글꼴 API에 $ http 전화를 걸어 글꼴 목록과 함께 제공되는 모든 정보를 가져옵니다. 나는 google webfontloader에 대해 알고있다. (나는 그것을 구현하는 방법을 잘 모른다.) 그러나 나는 여전히 텍스트를 적절한 선택된 폰트로 바꾸는 데 어려움을 겪고있다. Angularjs를 사용하고 있습니다.사용자가 글꼴을 변경할 수 있도록 허용

질문 : 사용자가 글꼴을 변경할 수 있도록 API에서 얻는 정보는 어떻게 구현합니까?

+0

오른쪽에서 스타일을 추가 할 수 있습니다. = "font-family : {{selectedGoogleFont}};" 귀하의 요소. – Rob

+0

@Rob SVG를 위해 이렇게했습니다. nm-attr-font-size = "{{text.FontSize + $ {text.FontSize +}}에 의해 vm.NametagLines 트랙의 {{vm.Lines [$ index] || 텍스트. 라벨}}' – maus

답변

0

여기에 사용자가 Google api jsFiddle을 사용하여 글꼴 스타일을 변경할 수있는 방법이 있습니다.

내가이 답변을 게시 할 수 없기 때문에 여기에 몇 가지 코드가 있습니다.

var myApp = angular.module('myApp', []); 

나는 출발점으로이 fiddle을 사용 각도에 순수 자바 스크립트에서 변경.

관련 문제