HTML5愛心圖案代碼

<svg width="300" height="200">
<path fill="#FF69B4" d="M150 60 a35 35 0 0 0 -35 35 a35 35 0 0 0 35 35 a35 35 0 0 0 35 -35 a35 35 0 0 0 -35 -35z" />
<path fill="#FF69B4" d="M150 60 a35 35 0 0 1 35 35 a35 35 0 0 1 -35 35 a35 35 0 0 1 -35 -35 a35 35 0 0 1 35 -35z" />
</svg>

想必大家都非常熟悉愛心這個符號，HTML5制作愛心圖案實現(xiàn)也不難。代碼包含兩條path語句，第一條path語句定義左側(cè)愛心，設(shè)置fill="#FF69B4"屬性，表示使用粉色填充愛心；第二條path語句定義右側(cè)愛心，同樣設(shè)置fill="#FF69B4"屬性。其中d屬性用于定義圖案路徑。總體來說，這個愛心圖案代碼是非常簡單易懂的。