50 lines
1.7 KiB
JavaScript
50 lines
1.7 KiB
JavaScript
window.C2S_EXAMPLES['gradient'] = function(ctx) {
|
|
ctx.save();
|
|
ctx.strokeStyle='rgba(0,0,0,0)';
|
|
ctx.lineCap='butt';
|
|
ctx.lineJoin='miter';
|
|
ctx.miterLimit=10.0;
|
|
ctx.font='10px sans-serif';
|
|
ctx.save();
|
|
var radialGradient_1389130830351 = ctx.createRadialGradient(6E1,6E1,0.0,6E1,6E1,5E1);
|
|
radialGradient_1389130830351.addColorStop(0E0,'red');
|
|
radialGradient_1389130830351.addColorStop(1E0,'blue');
|
|
ctx.fillStyle=radialGradient_1389130830351;
|
|
ctx.font='10px sans-serif';
|
|
ctx.beginPath();
|
|
ctx.moveTo(2.5E1,1E1);
|
|
ctx.lineTo(9.5E1,1E1);
|
|
ctx.quadraticCurveTo(1.1E2,1E1,1.1E2,2.5E1);
|
|
ctx.lineTo(1.1E2,9.5E1);
|
|
ctx.quadraticCurveTo(1.1E2,1.1E2,9.5E1,1.1E2);
|
|
ctx.lineTo(2.5E1,1.1E2);
|
|
ctx.quadraticCurveTo(1E1,1.1E2,1E1,9.5E1);
|
|
ctx.lineTo(1E1,2.5E1);
|
|
ctx.quadraticCurveTo(1E1,1E1,2.5E1,1E1);
|
|
ctx.closePath();
|
|
ctx.fill();
|
|
ctx.stroke();
|
|
ctx.restore();
|
|
ctx.save();
|
|
var radialGradient_1389130830351 = ctx.createRadialGradient(3.5E1,1.45E2,0.0,3.5E1,1.45E2,2.5E1);
|
|
radialGradient_1389130830351.addColorStop(0E0,'red');
|
|
radialGradient_1389130830351.addColorStop(1E0,'blue');
|
|
ctx.fillStyle=radialGradient_1389130830351;
|
|
ctx.font='10px sans-serif';
|
|
ctx.beginPath();
|
|
ctx.moveTo(2.5E1,1.2E2);
|
|
ctx.lineTo(9.5E1,1.2E2);
|
|
ctx.quadraticCurveTo(1.1E2,1.2E2,1.1E2,1.35E2);
|
|
ctx.lineTo(1.1E2,2.05E2);
|
|
ctx.quadraticCurveTo(1.1E2,2.2E2,9.5E1,2.2E2);
|
|
ctx.lineTo(2.5E1,2.2E2);
|
|
ctx.quadraticCurveTo(1E1,2.2E2,1E1,2.05E2);
|
|
ctx.lineTo(1E1,1.35E2);
|
|
ctx.quadraticCurveTo(1E1,1.2E2,2.5E1,1.2E2);
|
|
ctx.closePath();
|
|
ctx.fill();
|
|
ctx.stroke();
|
|
ctx.restore();
|
|
ctx.restore();
|
|
};
|