js输出心形

最新推荐文章于 2023-02-15 09:09:48 发布

无关痛痒...

最新推荐文章于 2023-02-15 09:09:48 发布

阅读量4.8k

点赞数 3

分类专栏：题库 HTML

本文链接：https://blog.csdn.net/weixin_44537655/article/details/97567503

版权

这篇博客介绍了如何使用JavaScript代码绘制心形图案，包括心形的显示效果和代码实现。同时，还提到了JavaScript还能用于输出菱形和金字塔等图形。

摘要由CSDN通过智能技术生成

心形

代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>

</head>
<body>
<canvas class = "canvas"></canvas>
<script>
    var S = {
        start: function(){
            Draw.init();
            //Draw.drawRadial();
            Shape.switchShape(Shape.drawHeart());
            Draw.loop(function(){
                Shape.render();
            });
        }

    };
    Point = function(args){
        this.x = args.x;
        this.y = args.y;
        this.z = args.z;
        this.a = args.a;
    };
    Dot = function(x,y){
        this.p = new Point({
            x:x,
            y:y,
            z:5,
            a:1,
            h:0
        });
        this.e = 0.07;
        this.s = true;
        this.t = this.clone();
        this.q = [];
    };
    Dot.prototype = {
        clone: function(){
            return new Point({
                x: this.x,
                y: this.y,
                z: this.z,
                a: this.a,
                h: this.h
            });
        },
        move: function(p){
            this.q.push(p);
        },
        moveTowards: function(n){
            var dx = this.p.x - n.x,
                dy = this.p.y - n.y,
                dl = Math.sqrt(dx * dx + dy * dy),
                e = this.e * dl;

            if(this.h === -1){
                this.

最低0.47元/天解锁文章

无关痛痒...

关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
js输出心形

心形代码：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body><canvas class = "canvas"></canvas>&l...
复制链接

扫一扫

专栏目录