Question

我用html, css, JavaScript 制作了如下图标，如何将这图标转化成可保存到自己电脑上的图片（JPG或PNG）

希望有好心的大神告诉我怎么把图标转化成图片 （最好有直接可行的代码，告诉我用html2canvas，dom，这种太笼统了）。我希望能够生成两种格式的图片： JPG和PNG。最好就利用html, css, JavaScript。还有我的图标包括了文字和图片。第一张图和第二张图都是和图标对应的代码 （两种不同的代码，生成的图标差不多，只要能把其中一种转化成图片就可以了）第三张图就是我图标上的图片。第四张图是生成的图标。跪谢！！





Answer 1

最新回复，见你另一个帖子中的回复：网页链接

你不想用 canvas、svg 和任何图片格式的文件，那你只有将图片转换成 Base64 编码来进行读取。

但是 Base64 的图片不宜超过200k，否则不容易被显示，也不建议这么做，图片是可被缓存的，而网页代码不能，因此也代表着这个代码会随着每次访问都被加载一遍，增加不必要的流量和耗时。

Base64工具网站：网页链接