twojs 动态路径绘制心形线

最新推荐文章于 2024-03-17 09:44:53 发布

阿豪boy

最新推荐文章于 2024-03-17 09:44:53 发布

阅读量119

点赞数

文章标签： vue python js canvas java

本文链接：https://blog.csdn.net/qq_35516360/article/details/122064632

版权

这篇博客介绍了如何利用twojs库动态地绘制心形线。通过结合两个正弦函数，博主展示了如何在canvas上实现一个效果良好的心形图案。尽管存在一点小瑕疵，但整体效果尚可。

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

原文链接: twojs 动态路径绘制心形线

上一篇: twojs 加载图片和为图片加mask

下一篇: regl 三角形切片拟合二维圆

稍微有点瑕疵... 有点晕..今天就先这样吧, 这个方程是对的, 用两个sin两个圆拟合, 效果看这也还行

绘制心形线

<template>
  <div class="flex-row">
    <div>twojs</div>
    <div id="draw-shapes"></div>
  </div>
</template>

<script lang="ts" setup>
import Two from "two.js";
import { onMounted } from "vue";
const points: [number, number][] = [];

// 心形线由两个sin和两个圆组成
const