吳弘彬JavaScript物件Object

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

identifier名稱，身分證id card

以上程式碼

ground-image: linear-gradient(red, yellow); font-size: 32px; line-height:1.5}

.b{background-image: linear-gradient(red, blue); color: white; font-size:30px}

</style>

identifier名稱，身分證id card

<p id="xyz" class="a"></p>

<p id="dog" class="b"></p>

<p id="cat" class="a"></p>

<script>

// Create an object:

const band = {

guitar:"侯", 

vocals:"蔡",

bass:"林"};

delete band.vocals;

band["singer"] = "吳";

s=""; //定義變數空白

document.getElementById("xyz").innerHTML = Object.keys(band);

document.getElementById("dog").innerHTML = Object.values(band);

for (job in band){ 

   s+= job + "手: " + band[job] + "<br>"};

document.getElementById("cat").innerHTML = s;

</script>

<p></p>

W3SCHOOLS學習CANVAS繪圖

Your browser does not support the HTML canvas tag.

W3SCHOOLS學習SVG繪圖

心得

JAVA

import java.awt.*; import java.awt.geom.Line2D; import javax.swing.*; public class Options { public static void main(String[] args) { JFrame frame = new JFrame("劉任昌Java繪製選擇權到期日損益"); Container cp = frame.getContentPane(); cp.add(new JComponent() { public void paintComponent(Graphics g) { Graphics2D g2 = (Graphics2D) g; g2.setStroke(new BasicStroke(2));//stroke中風,筆觸 g2.drawString("買入賣權到期日損益",0,120); g2.draw(new Line2D.Float(0, 0, 100, 100)); g2.draw(new Line2D.Float(100, 100, 200, 100)); g2.drawString("買入買權到期日損益",300,120); g2.draw(new Line2D.Float(300, 100, 400, 100)); g2.draw(new Line2D.Float(400, 100, 500, 0)); g2.drawString("賣出賣權到期日損益",0,180); g2.draw(new Line2D.Float(0, 300, 100, 200)); g2.draw(new Line2D.Float(100, 200, 200, 200)); g2.drawString("賣出買權到期日損益",300,180); g2.draw(new Line2D.Float(300, 200, 400, 200)); g2.draw(new Line2D.Float(400, 200, 500, 300)); } }); frame.setSize(550, 350); frame.setVisible(true); } }