帆布矩形3D效果邊界

Question

（參考圖像）的圖像的 第一部分示出了具有凸起的邊界（使用-webkit-箱陰影，箱陰影屬性）DIV。我想給使用HTML5 canvas元素繪製的矩形賦予相同的效果。 是否有任何方法來執行此操作？

Answer 1

這是可能的，嘗試這樣的事情：

context.rect(50, 50, 100, 100); 
context.fillStyle = 'white'; 
context.shadowColor = 'black'; 
context.shadowBlur = 25; 
context.shadowOffsetX = 10; 
context.shadowOffsetY = 10; 
context.fill(); 

Working Example