web前端学习流程图
怎么才能把图片弄到网页上?
怎么才能把图片弄到网页上?
首先回答下题主的问题:
①是否可以实现,以及如何实现?
答:可以实现,而且是前端实现,详细说明在下面
②如果可以实现,对于用户上传的图片格式有无限制?(PNG/JPG等)
答:
没有任何限制
以下是详细说明:
前端用html2canvas.js
可以把html转成canvas
最后输出base64
码图片
用法非常简单.
注意:示例中使用了jquery
库.
使用以下代码生成:
第一个参数是要捕捉的区域
第二个参数负责生成
生成的base64
图片码类似这样
如果题主的后端需要保存可以用PHP的GD库处理这个base64然后直接输出成图片文件
前端只要将base64放到a标签的href里让用户点击即可查看/下载
可以到我写的工作流程图
里看看效果
首先拖几个控件到设计区域
然后点击 保存 - 保存为图片 Download
一张图片就出来了
不过它是不支持CSS3部分属性的
但是根据题主的描述,应该不会用到CSS3,所以html2canvas GD库
足够用了
如何通俗地讲解Web是什么意思?
你好,很开心收到邀请来回答你的问题。