SVG:使用CSS设置<text>内容

时间:2015-07-24 10:25:48

标签: css svg

我可以

吗?
 var Language = {dict: {Name: 'Name 1'}};
    $scope.visited = [];
    $rootScope.getWord = function(key) {
        if (angular.isDefined(Language.dict[key])) {
            $scope.visited[key] = Language.dict[key];
            return Language.dict[key];
        }
        $scope.visited[key] = key;
        return key;
    };

似乎<span style="text-align: center">{{visited['Name']?visited['Name']:getWord('Name')}}</span> <svg> <text></text> </svg> svg text { content: 'a'; font-family: 'Glyphicon Halflings'; } 伪元素不可用,但我很乐意让我的内容由css设置。我可以吗?

1 个答案:

答案 0 :(得分:0)

不能使用纯CSS。需要使用简单的JS:

conc

并为您的SVG文本创建ID:

function changeMyText()
{
    document.getElementById('MyText').textContent = "new text";
}