下面是代碼:HTML畫布 - 文字陰影不適用於Mac?
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/
看起來不錯:http://jsfiddle.net/simevidas/MDg R3/ – 2011-04-22 22:13:38
@ŠimeVidas你在那個jsfiddle中看到了一個影子嗎?我不是... – thatmiddleway 2011-04-22 22:19:42
@jtm我的含笑是它在我的瀏覽器,但不是在你的':)'我正在使用Chrome 10 ... – 2011-04-22 22:22:40