关于js绘画的图片解析的疑问

2734weiwei · 发表于 2022-10-14 00:43

本帖最后由 2734weiwei 于 2022-10-14 00:50 编辑

学了一点js，想着去看一下js画爱心的额原理是什么，但看着代码感觉没有头绪，在大佬的指点下，断点调试，找到了js绘画图片的一个base64编码的图片数据
断点调试的界面如下面所示，不知道是不是这样

base64的图片编码，我放下面

[Asm] 纯文本查看 复制代码

iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA2lJREFUaEPtmo1x1DAQhZ8qIFQAVACpgKQCQgUkFRAqACoAKoBUAFRAUgGhAqACkgrEPMXWyDrJ+pfvnNPMzU1ytrTf7mp3tbbAPRvinvFiD7x2i+8tHLawfAzgOQB+HxnXXwPg5woQf8LzxFyh13oGgJ9xXALgGslrJVhYEu6tBemTmgK9BwS/M0a7tSKAJTX7IRLUhiPwWbzFlUU/F6z1BhD0Mu8IAMvTAfYgw0zjLTcAjkOCAEqxPwCUrkXoLz55Z4AVLLVdaxDa4+LyBMDXWgsNXuWE9gBXhyWLx9JVLOvSFbfSBrQDWO2jn4Wu5TPWNSAOpz9KrmVG4FqGpoIP7fjhAuY+MtNNLQHGeRi93939IfnNyN9qXALi2JzcAlbpgMAtBzX/ZFjgdyNPMuWfxA4bmD7/qiXtMPfZ8F0zKPrEvgAEA7AaNvC/Dhrnut+H9V90UO4NIB46gLu487gu3ZqjJOem6Eq7tWHh6rkwRaDW174ExDfLpZtHzNZQc/PrzGBauHWK2DrgHilpKWjnHma1w6pnjYMVlzpF2WmJ0fPByohvAaGzwVKFR0+dzhYea9zH2p0dLs1/SZ5Z2bNaw2DPa3IQcp2W1mTljaaDrwHwEcDrHTfxJ0Cc2ww+YEY1hvFHOwr9966pIMaaXWPM9bR2OS9PApVptJiuZY8za01HcvayxgVi+tK7VGOzRcv44x0RwCpV9eqElFh6UmD4JooE3nroKFhP4TGnZLmN6crogoYdJMHC42RNmvRhSd1XzAYo1y0ZwMq92QWktZc6Wd0COJ97hlRhD9tTqEckrLt7QxP2KPxwzo2caWHt3oRmBH+a65OJ9/0CcJoLmxG0XOJJlqHsCLY+YV0BOHGViylKK7SwuVTTXB2ddkLwFYFVMOPphG8L1BzB6illscrAOoLXqr+T004IvgGwgmYTgfs6N4IzEnO/Zr4U48duBKygc9NWUdpZyMKTtJWSq5vCVkpLIZ1GW7o5bCdg7d6hpxreLkVIpSm/N9zDG6Xo3GtQ1aNxg1o6Ra96T7saCdWKihiJOlpYubbdDfV2F2OEz7mmM7DO0eObQjNv5+XghO9ZAFhBDwXF9DFIWNzyK5YC5ruVfFqr3rvoOZYCPig95uUqaSHgXHHL79sDl+twu2fYW3i77VMu3X/iw8Y9lRjFXQAAAABJRU5ErkJggg==

2734weiwei · 发表于 2022-10-14 22:37

有没有大佬指导一下

steven026 · 发表于 2022-10-15 02:27

你到底想问啥？
那个爱心是用过函数画出来，不是通过现成图片解析出的
你自己在源码里搜索pointOnHeart这个函数，随便改几个数字爱心的形状就变了

[JavaScript] 纯文本查看 复制代码

                function pointOnHeart(t) {
                    return new Point(160 * Math.pow(Math.sin(t), 3),130 * Math.cos(t) - 50 * Math.cos(2 * t) - 20 * Math.cos(3 * t) - 10 * Math.cos(4 * t) + 25);
                }

2734weiwei · 发表于 2022-10-21 21:22

steven026 发表于 2022-10-15 02:27
你到底想问啥？
那个爱心是用过函数画出来，不是通过现成图片解析出的
你自己在源码里搜索pointOnHeart这 ...

主要问的是，这个编码为啥节不出来呢，还有这个编码到底指的是画出来的图片还是什么东西，因为我也是刚刚学的js，是所以疑问也有点多哪里，见谅哈

帐号		自动登录	找回密码
密码			注册[Register]

[求助] 关于js绘画的图片解析的疑问