luosijie / card

Node + Express + MongoDB

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

前端修改图片位置大小,字体等内容!

Niofh opened this issue · comments

我前端把图片位置改变了,后端怎么根据我移动东西生成图片对应区域图片?

这个和后端没有关系,位置变完后直接生成,不会涉及后端
我使用html2Canvas这个插件生成图片

一定要需要canvas写图片吗?

我只知道用canvas的方法

@luosijie 我现在移动端也想实现你这个功能。但是我有点不太明白。1.我比如修改后的模板怎么传给后端生成一个模板给设计师来用?如果生成图片给后台,那么下次后台也是生成图片给我,那我怎么操作这个模板。因为公司也要做这个卡片功能,但是很多知识点不太懂。我现在就难于怎么修改模板上传模板,之后再模板的列表中生成出来不是图片 而是div.那我就可以放大和移动

你传给后台的是 “html字符串“,
前端展示的时候 将“html字符串”转为html
图片只在生成封面预览和最后下载的时候才生成

模板列表生成的是图片,图片点进去才是 html模板

我看见你可以拖动和放大是通过svg的生成的? 就是我修改图片之后,怎么把内容传给后台生成模板?到时候设计人员就可以拿到这个模板来修改??

楼主能加我QQ吗?598220654

比如要修改一张图片
<img src="..."/>
通过dom操作后得到的是
<img src="..." style="left: 100px; top: 200px;">
那么就把后面的html传给后台数据库就好了,具体问后台怎么传数据吧

设计人员在用的时候,就是你把数据库的那串html解析出来显示到前端
就变成可以操作的Dom了

更多的细节没办法一一告诉你,建议多专研Js吧

那你用html2canvas是用来生成图片的啊。。。