<html>

<body>
    <canvas id="myCanvas" width="800" height="800"></canvas>
    <script>
        var canvas = document.getElementById('myCanvas');
        var context = canvas.getContext('2d');

        for (var x = 0; x < 200; x++) {
            for (var y = 0; y < 200; y++) {
                var i = 0;
                var cx = x / 50 - 2.0; // cx, cy 的范围在 -2 和 2 之间
                var cy = y / 50 - 2.0; // 50 是放大倍数，50 表示 1 倍，200 则表示 4 倍， 另外 -2.0 是原点的