邮件签名本来设计好直接在word里面生成好,在outlook里面就能用。但是要做到像素级别的签名必须使用一些heck!

产生的背景:

如果对邮件签名的生成效果要求不高就用html写好,因为开发效率高,然后调用js的剪贴板,然后复制到outlook里面就行了,其实我也是这样做的。

后来设计师出了很详细的切图,包括宽高,每个块之间的间距。就一个中英文的姓名产生的行高在html里面生成看起来很nice,但是黏贴到outlook里面就始终也底部对不齐。头大了很久。

调了大约三天感觉没什么效果。突然间觉得应该用图片来做,开始想的是用后台生成,因为我看其他网站也是通过调用后台接口生成的。

和后台沟通时候,后台说可以试试前端生成图片,

然后我试了果然在outlook是可以的。

大致思路是:

1)安装js剪贴板插件

2)使用htmls2canvas将html转换成canvas

3)将canvas通过DatatoURL()转成base64

4)使用js剪贴生成邮件签名的dom。

注意如果图片是跨域的可以有两种思路1)代理模式,2)设置html2cancas的

proxy:'',useCORS:true,否则生成图形的跨域图片生成不了会报错。

剪贴主要思路是:

监听copy方法设置数据为:

e.clipboardData.setData("text/html", str);

e.clipboardData.setData("text/plain", str);

str的来源就是需要copy的内容。

str可以在input t

html生成邮件签名之路(一)相关推荐

  1. AD domain 环境下VBS自动生成邮件签名

    使用VBS自动生成邮件签名 脚本使用环境:在AD域网络环境下,集团有上千邮件帐号,邮件签名是一比较难以管控工作内容,邮件签名内容一般包含1-问候语句,2-用户名 ,3-部门及职务,4-公司名称,5-固 ...

  2. java ADT生成带签名的apk

    1.生成签名文件 cmd cd到jdk目录下的bin目录. 运行命令: c:\Program Files\Java\jdk1.8.0_05\bin>"keytool.exe" ...

  3. OpenSSL生成自签名的sha256泛域名证书

    环境: CentOS 6.8 x86_64 安装 openssl openssl-devel cp /etc/pki/tls/openssl.cnf openssl.cnf 修改openssl.cnf ...

  4. CentOS生成自签名证书配置Apache https

    CentOS生成自签名证书配置Apache https apache的安装就不用说了 1.安装完apache之后,安装mod_ssl和openssl yum install mod_ssl opens ...

  5. android 代码签名apk,[Android]混淆代码后生成带签名的apk

    Android从2.3的SDK开始,将ProGuard混淆代码的功能加入了进来. 我们可以从android sdk的tools目录下看到有一个proguard目录.说明具有了代码混淆的功能. 至于如何 ...

  6. java xml签名_Java使用DSA密钥对生成XML签名的方法

    本文实例讲述了Java使用DSA密钥对生成XML签名的方法.分享给大家供大家参考.具体实现方法如下: MainClass.java代码如下: import java.security.KeyPair; ...

  7. [密码学基础][每个信息安全博士生应该知道的52件事][Bristol Cryptography][第16篇]描述DSA、Schnorr和RSA-FDH的密钥生成、签名和验证算法。

    这是一系列博客文章中最新的一篇,文章的主题是"做密码学每个博士生都应该知道的52件事".这一系列问题是为了让博士生们在第一年结束时了解他们应该知道的事情.本周我们将介绍DSA.Sc ...

  8. php hmacsha1计算,PHP HMAC_SHA1 算法 生成算法签名

    HMAC_SHA1(Hashed Message Authentication Code, Secure Hash Algorithm)是一种安全的基于加密hash函数和共享密钥的消息认证协议. 它可 ...

  9. 592zn rom/apk 自动签名工具_关于邮件签名证书的常见问题

    在上篇文章中,小编给大家普及了什么是邮件签名证书,并介绍了证书的功能,重要性和工作原理,相信您对邮件签名证书有了一个比较全面的认知了.今天,小编汇总了有关邮件签名证书的常见问题,希望能有助于您进一步认 ...

  10. vue生成带签名的apk

    昨天说到生成签名证书,今天就是最后一步了,生成带签名的apk.啦啦啦~~ 生成带签名的apk有两种方式,一种是先生成debug版本,再加上数字签名证书然后生成带签名的APK.另外一种是直接一条命令生成 ...

最新文章

  1. 如何在 Swift 语言下使用 iOS Charts API 制作漂亮图表?
  2. 关于举办第十五届全国大学生智能汽车竞赛浙江赛区选拔赛的通知(草案)
  3. Python Module_Socket_网络编程
  4. Flume向HDFS写数据实例
  5. 【亚马逊AWS】入门级别实践
  6. [转] STL中map用法详解
  7. qnx 设备驱动开发_QNX驱动开发——应用层与resource manger交互 | 学步园
  8. 创业不要把大公司当直接对手
  9. 当电信诈骗犯遇上程序员,技术决定成败!
  10. python 空值(NoneType)
  11. 分享400多道算法题,来挑战吧
  12. 编写0号中断的处理程序
  13. 理解 Delphi 的类(三) - 初识类的属性
  14. 新浪财经三人行:专家谈萨班斯法案聊天实录
  15. 防止linux子系统关闭,Linux关闭selinux安全子系统的方法
  16. python教孩子学编程_学编程要从娃娃抓起——教孩子学Python
  17. SPSS数据分析之分类变量频率分析
  18. Mesos-安装和使用
  19. 奇兔recovery卡刷教程_OPPO A59s 刷入奇兔recovery及root权限刷机教程
  20. matlab函数accumarray,matlab函数调用问题

热门文章

  1. 破解 WIDCOMM 蓝牙驱动的方法
  2. 解决安装PyMySQL一直停在Building wheels for collected package:cryptography, cffi, pycparser的问题...
  3. Vue watch 监听复杂对象变化,oldvalue 和 newValue 一致的解决办法。
  4. 4种工资条制作方法,总有一款适合你
  5. [SSL_CHX][2021-08-25]车厢重组
  6. 通俗解释Docker
  7. 新版升级 DAEMON Tools v4.10 X86 32 Bits (with SPTD 1.50)
  8. 毛哥的快乐生活(1) 猫哥与毛哥
  9. 微信小程序中转义字符的处理
  10. Halcon深度学习-目标检测-Rectangle1