Question

我用javascript, html, css建立了一个图标，该图标包含了图片，文字，请问怎么把这个图标变成png

请问怎么把这个图片变成png或者jpeg的格式，并且允许用户下载该图标当前表示我图标的代码如下：sizeInput 是指按钮大写，可以是btn-sm 或者 btn-lgcusInput 就是图片路径或者urltextInput 就是输入的文字style就是图标的形状 比如现在我的sizeInput 是 btn-lg， cusInput是向下箭头，textInput 是 ”你好“，style 是30px; 那我得到的图标是： （背景是绿色的图标） 怎么让用户下载该图片到自己的电脑上并且该图标的格式必须为png或者jpeg? 最好用javascript, html, css搞定，实在不行，用其他的语言也可以。谢谢！！





Answer 1

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

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

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

Base64工具网站：网页链接

Answer 2

canvas了解下。