前言

图一乐罢了, 给女朋友表个白之类的话还挺酷炫实用的

废话不多说，直接冲

下载jquery

刚学的，顺手用一下，怎么下怎么用不用我说吧，大伙懂得都懂，不懂就看我之前写的攻略，比较详细

链接放着，点击直接学

开始画图

本来以为要用什么 方程，心形线之类的，百度了 ，贼麻烦，高数又不好，他们搞得也不好看

今天学到，可以在canvas上写字，灵感一想，岂不是能直接放微软的❤表情之类的

试了一下发现真的可以，

1. 第一步 搞个jQuery

整了个cdn的jQuery ，直接复制就行

    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>

2. 第二步 body里加canvas

<!-- canvas画布 -->
    <canvas id="canvas" width="800" height="600"></canvas>

3. 第三步 搞个js操作

$(function () {

            let canvas = $('#canvas');
            let ctx  = canvas.get(0).getContext('2d')
            // 文字大小
            ctx.font='100px 微软雅黑'
            ctx.fillStyle = 'pink'
            ctx.fillText('❤',300,300)

        })
        

这js够短吧，5行搞定，短小精悍！

效果图

小丑也可以

全部代码