HTML5是一個非常流行的網頁編程語言。今天,我們將介紹一種制作愛心圖片的簡單方法——HTML5的愛心圖片代碼。
<!DOCTYPE html> <html> <head> <title>愛心圖片</title> <meta charset="UTF-8"> </head> <body> <svg width="100" height="100"> <polygon points="50,80 90,40 70,20 50,40 30,20 10,40 50,80" style="fill:red;"/> <polygon points="50,20 90,60 70,80 50,60 30,80 10,60 50,20" style="fill:red;"/> </svg> </body> </html>
在這段代碼中,我們使用了SVG標簽(標量矢量圖形語言)來繪制兩個多邊形來制作愛心形狀。首先,我們定義了一個SVG元素,并設置其寬度和高度。然后我們使用polygon元素繪制兩個多邊形,通過points屬性定義多邊形的頂點位置,并為其設置填充顏色為紅色。
運行代碼后,我們將會獲得一個簡單的紅色愛心圖片。這個代碼非常簡單,但它是一個好的起點來探索HTML5的更多有趣的功能。