崔甯甯JavaScript物件Objectc繪圖canvas繪製選擇權到期日

崔甯甯canvas繪圖套件繪製選擇權到期日損益圖

崔甯甯選擇權到期日損益圖之程式碼

<h1>崔甯甯canvas繪圖套件繪製選擇權到期日損益圖</h1>

<canvas id="BuyOptions" width="500" height="300"></canvas>

<script>

const c = document.getElementById("BuyOptions");

const ctx = c.getContext("2d");

ctx.strokeStyle = "red";

ctx.lineWidth = 5

ctx.beginPath();

ctx.moveTo(0, 0);

ctx.lineTo(100, 100);

ctx.lineTo(200,100);

ctx.font = "16px Arial";

ctx.fillText("買入賣權puts的到期日損益",0,120);

ctx.moveTo(300, 100);

ctx.lineTo(400, 100);

ctx.lineTo(500, 0);

ctx.fillText("買入買權callss的到期日損益",300,120);

ctx.moveTo(0, 300);

ctx.lineTo(100, 200);

ctx.lineTo(200,200);

ctx.font ="30pt";

ctx.fillText("賣出賣權puts的到期日損益",0,180);

ctx.moveTo(300, 200);

ctx.lineTo(400, 200);

ctx.lineTo(500, 300);

ctx.fillText("賣出買權callss的到期日損益",300,180)

ctx.stroke();//繪製

</script>

甲班示範截圖

identifier名稱，身分證id card

w3schools學物件

劉任昌教學影片

教學影片351

教學影片352

教學影片353

教學影片354

canvas維基百科

歷史

它最初由蘋果內部使用自己Mac OS X WebKit推出，供儀表盤的構件和Safari瀏覽器等應用程式使用。後來，它被Gecko核心的瀏覽器（尤其是Mozilla Firefox），Opera和Chrome實作，並被網頁超文字應用技術工作小組提議為下一代的網路技術的標準元素。在介紹Canvas給不同的Web標準社群時，他們有不同的反應。有些人抱怨蘋果公司建設了一個新的專有標準而不是支援未被網路開發商廣泛接受的SVG標準。

介紹

Canvas是一個HTML元素。可以利用JavaScript程式語言在該元素上繪圖，常見的應用包括繪製圖形及文字、影像處理、遊戲及動畫製作。