|
|
@ -779,6 +779,76 @@ tests['shadowBlur'] = function(ctx){ |
|
|
|
|
|
|
|
ctx.shadowBlur = 0; |
|
|
|
|
|
|
|
ctx.beginPath(); |
|
|
|
ctx.lineTo(20,180); |
|
|
|
ctx.lineTo(100,180); |
|
|
|
ctx.stroke(); |
|
|
|
}; |
|
|
|
|
|
|
|
tests['shadowColor'] = function(ctx){ |
|
|
|
ctx.lineTo(20,5); |
|
|
|
ctx.lineTo(100,5); |
|
|
|
ctx.stroke(); |
|
|
|
|
|
|
|
ctx.shadowColor = '#c00'; |
|
|
|
ctx.shadowBlur = 5; |
|
|
|
ctx.fillRect(20,20,100,100); |
|
|
|
|
|
|
|
ctx.beginPath(); |
|
|
|
ctx.lineTo(20,150); |
|
|
|
ctx.lineTo(100,150); |
|
|
|
ctx.stroke(); |
|
|
|
|
|
|
|
ctx.shadowBlur = 0; |
|
|
|
|
|
|
|
ctx.beginPath(); |
|
|
|
ctx.lineTo(20,180); |
|
|
|
ctx.lineTo(100,180); |
|
|
|
ctx.stroke(); |
|
|
|
}; |
|
|
|
|
|
|
|
tests['shadowOffset{X,Y}'] = function(ctx){ |
|
|
|
ctx.lineTo(20,5); |
|
|
|
ctx.lineTo(100,5); |
|
|
|
ctx.stroke(); |
|
|
|
|
|
|
|
ctx.shadowColor = '#c00'; |
|
|
|
ctx.shadowBlur = 5; |
|
|
|
ctx.shadowOffsetX = 2; |
|
|
|
ctx.shadowOffsetY = 2; |
|
|
|
ctx.fillRect(20,20,100,100); |
|
|
|
|
|
|
|
ctx.beginPath(); |
|
|
|
ctx.lineTo(20,150); |
|
|
|
ctx.lineTo(100,150); |
|
|
|
ctx.stroke(); |
|
|
|
|
|
|
|
ctx.shadowBlur = 0; |
|
|
|
|
|
|
|
ctx.beginPath(); |
|
|
|
ctx.lineTo(20,180); |
|
|
|
ctx.lineTo(100,180); |
|
|
|
ctx.stroke(); |
|
|
|
}; |
|
|
|
|
|
|
|
tests['shadowBlur values'] = function(ctx){ |
|
|
|
ctx.lineTo(20,5); |
|
|
|
ctx.lineTo(100,5); |
|
|
|
ctx.stroke(); |
|
|
|
|
|
|
|
ctx.shadowColor = '#c00'; |
|
|
|
ctx.shadowBlur = 25; |
|
|
|
ctx.shadowOffsetX = 2; |
|
|
|
ctx.shadowOffsetY = 2; |
|
|
|
ctx.fillRect(20,20,100,100); |
|
|
|
|
|
|
|
ctx.beginPath(); |
|
|
|
ctx.lineTo(20,150); |
|
|
|
ctx.lineTo(100,150); |
|
|
|
ctx.stroke(); |
|
|
|
|
|
|
|
ctx.shadowColor = 'rgba(0,0,0,0)'; |
|
|
|
|
|
|
|
ctx.beginPath(); |
|
|
|
ctx.lineTo(20,180); |
|
|
|
ctx.lineTo(100,180); |
|
|
|