<style> canvas{border:20px} option{font-size:24px;background:pink;} h1{background-image: linear-gradient(orange, blue);text-align:center;padding:10px;color:white;}</style> <script> function dashed(){ const c = document.getElementById("Options"); const ctx = c.getContext("2d"); ctx.beginPath(); ctx.moveTo(100,0); ctx.lineTo(100,500); ctx.strokeStyle="green"; ctx.setLineDash([10,10]); ctx.lineWidth=1; ctx.stroke(); ctx.beginPath(); ctx.moveTo(200,0); ctx.lineTo(200,500); ctx.strokeStyle="green"; ctx.setLineDash([10,10]); ctx.lineWidth=1; ctx.stroke(); } function putBear(){ const c = document.getElementById("Options"); const ctx = c.getContext("2d"); ctx.reset(); ctx.beginPath(); //開始繪製 ctx.moveTo(100, 0); ctx.lineTo(200, 100); ctx.lineTo(300,100); ctx.font = "24px Arial"; ctx.fillText("買入履約價120的賣權puts",300,50); ctx.strokeStyle = "red"; ctx.lineWidth = 5; ctx.stroke(); ctx.beginPath...