说起表白，恐怕每个人都有自己的经历和方式。而现在在互联网上，通过代码来表达爱意也不再是什么新鲜事。比如，利用Javascript绘图就可以实现一份充满心意的表白礼物。

在绘制图形之前，需要先在页面中引入canvas标签。这个标签可以理解为一个画布，我们可以在上面绘制各种形状。例如，以下代码会在页面中绘制一个黑色正方形：

<canvas id="myCanvas"  ></canvas><script>var canvas = document.getElementById("myCanvas");var ctx = canvas.getContext("2d");ctx.fillStyle = "#000000";ctx.fillRect(50, 50, 100, 100);</script>

除了绘制形状，我们还可以在画布上写字。以下代码会在画布上写出“我喜欢你”的几个字：

<canvas id="myCanvas"  ></canvas><script>var canvas = document.getElementById("myCanvas");var ctx = canvas.getContext("2d");ctx.font = "30px Arial";ctx.fillStyle = "#FF0000";ctx.fillText("我喜欢你", 10, 40);</script>

这样，我们就可以在一个简单的画布上表达出自己的感情了。当然，除了绘制简单的形状和文字，还可以使用Javascript的强大功能，绘制更加复杂的图形和动画效果。以下是一个使用贝塞尔曲线绘制心形的示例代码：

<canvas id="myCanvas"  ></canvas><script>var canvas = document.getElementById("myCanvas");var ctx = canvas.getContext("2d");ctx.strokeStyle = "#FF0000";ctx.lineWidth = 2;ctx.beginPath();ctx.moveTo(200, 150);ctx.bezierCurveTo(200, 100, 100, 100, 100, 150);ctx.bezierCurveTo(100, 200, 200, 250, 200, 250);ctx.bezierCurveTo(200, 250, 300, 200, 300, 150);ctx.bezierCurveTo(300, 100, 200, 100, 200, 150);ctx.stroke();</script>

在这个示例中，通过使用bezierCurveTo函数，绘制出了一个心形图案。当然，这只是其中一种绘制心形的方法，也可以使用其他函数来实现。

通过绘制图形，我们可以在页面上表达出自己的情感和感情。不仅如此，我们也可以通过Javascript为自己的爱情故事添加更多的互动和动画效果，让它变得更加生动和精彩。所以，如果你有代码能力，何不尝试用它来表达你的爱意呢？