1336591-1.html (926B)
1 <!DOCTYPE html> 2 <html lang="en-us"> 3 <head> 4 <meta charset="utf-8" /> 5 </head> 6 <body> 7 <canvas id="pdf" width="200" height="200"></canvas> 8 <script> 9 const canvas = document.getElementById("pdf"); 10 const ctx = canvas.getContext("2d"); 11 12 ctx.transform(6.4, 0, 0, -6.4, 30, 60); 13 14 ctx.beginPath(); 15 ctx.moveTo(3.34488, -15.90236); 16 ctx.lineTo(22.36535, -2.94803); 17 ctx.lineTo(13.01102, 7.14331); 18 ctx.lineTo(1.33228, 0.34016); 19 ctx.lineTo(5.10236, -7.08661); 20 ctx.lineTo(-1.38898, -9.41102); 21 ctx.lineTo(1.24724, -15.10866); 22 ctx.closePath(); 23 ctx.clip("evenodd"); 24 25 var gradient = ctx.createRadialGradient(10, 10, 10, 20, 20, 40); 26 gradient.addColorStop(0, '#FF0000'); 27 gradient.addColorStop(1, '#00FF00'); 28 29 ctx.fillStyle = gradient; 30 ctx.fillRect(-1.78583, -16.46929, 23.21575, 24.20787); 31 </script> 32 </body> 33 </html>