这是一段用于演示此问题的HTML:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>canvas fillText()</title>
</head>
<body>
<canvas id="canvas" width="400" height="200"></canvas>
<script>
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
context.font = "40px sans serif ";
context.lineWidth = 3;
context.strokeStyle = "blue";
context.strokeText("Hello World!", 40, 40);
context.fillStyle = "black";
context.fillText("Hello World!", 40, 80);
</script>
</body>
</html>
当其他浏览器同时显示轮廓文本和纯文本时,FF27不会使用fillText()呈现文本。 有什么建议?感谢。
答案 0 :(得分:0)
由于声誉限制,我无法发表评论,但我遇到了同样的问题:(。无法在Windows 7 Pro SP1上的Firefox 27.0.1中绘制填充文本。我尝试将fillStyle属性更改为&#39 ;#000&#39;,&#39;#000000&#39;,&#39; black&#39;,&#39; rgb(0,0,0)&#39;,&#39; rgba(0 ,0,0,.8)&#39;。我还尝试使用已弃用的函数“mozDrawText&#39; mozPathText&#39;”,这两个函数都已从API中删除。请如果你找到一个解决方法,请回答你的帖子。现在,我想我只会用黑色调用strokeText和fillText,希望没有人注意到Firefox中的空心文本。
您知道这一点,我将此报告为以下错误: https://bugzilla.mozilla.org/show_bug.cgi?id=982837
答案 1 :(得分:0)
此问题已在FireFox 30.0,AFAICT中得到解决。