Javascript base64图像中的嵌入式字体
我给出了一个带有一些自定义字体的svg(通过css的字体嵌入) 在浏览器中,它工作得很好,但是如果我尝试从SVG生成base64编码的图像,字体将无法识别 Gere是我的代码: CSSJavascript base64图像中的嵌入式字体,javascript,html,css,svg,fonts,Javascript,Html,Css,Svg,Fonts,我给出了一个带有一些自定义字体的svg(通过css的字体嵌入) 在浏览器中,它工作得很好,但是如果我尝试从SVG生成base64编码的图像,字体将无法识别 Gere是我的代码: CSS svg,text, textPath{ font-family: 'MyFont'; } @font-face { font-family: MyFont; src: src: url(data:application/x-font-ttf;base64,AAEAA
svg,text, textPath{
font-family: 'MyFont';
}
@font-face
{
font-family: MyFont;
src: src: url(data:application/x-font-ttf;base64,AAEAAAAQA...);
}
JSim使用RaphaelJS
//set the text's font
t.attr({"font-family": "MyFont"})
//make the snapshot
var source = new Image();
$("body").append(source);
$('body').click(function(){
// record start time
var startTime = new Date();
var svg = $('#paper').html();
var mySrc = 'data:image/svg+xml;base64,'+Base64.encode(svg);
//source.src = base64Path + "?" + mySrc.slice(5);
source.src = mySrc;
var endTime = new Date();
console.log(endTime - startTime);
});
您必须将样式表嵌入SVG本身,或者从外部引用它。如果SVG是单独呈现的,则不会应用常规页面样式表 查看更多信息