HTML畫布 - 文字陰影不適用於Mac？

Question

下面是代碼：

var surface = document.getElementById("myCanvas"); 
    if (surface.getContext) { 
     var context = surface.getContext('2d'); 

     context.shadowOffsetX = 2; 
     context.shadowOffsetY = 2; 
     context.shadowBlur = 5; 
     context.shadowColor = "rgba(0, 0, 0, 0.5)"; 

     context.textBaseline = "top"; 
     context.font = "125px helvetica"; 
     context.textAlign = "center"; 

     var gradient = context.createLinearGradient(0, 0, 0, 150); 
     gradient.addColorStop(0, "rgb(22,28,106)"); 
     gradient.addColorStop(1, "rgb(19,25,98)"); 

     context.fillStyle = gradient; 
     context.fillText("Some Title", 450, 10); 
} 

陰影看起來就像一個1px的輪廓...任何想法？

現場演示：http://jsfiddle.net/simevidas/MDgR3/

Answer 1

看起來像Safari是壞了。如果去掉漸變代碼，然後Safari瀏覽器正確添加文字陰影：

http://jsfiddle.net/hv5zR/1/

如果您繪製陰影，然後繪製了它工作在Safari上的梯度....這是一個可怕的技巧，但它的工作原理：

http://jsfiddle.net/thebeebs/nUbZX/

Answer 2

此bug已被固定剛剛通過以下承諾： http://trac.webkit.org/changeset/188148