Signature!

简介

Signature! HTML5版本的在线签名档工具。由腾讯SNS应用部前端团队提供支持。

---

版本以及作者信息

版本: V0.6

作者: FrontEnd Team from Tencent SNS department.

---

使用说明

本地直接访问index.html即可， 当然你也可以上传到服务器。

我们不提供模板制作的支持。

---

模板制作

提供图片的DataURI或者具体的图片路径（图片路径需要避免跨域问题）。

添加新模板在 js/themes.js 中编辑即可。模板范例如下:

/** * 主题范例 * @type {Object} */varTHEME2={bg: 'data:image/png;base64,iVBORw0KGgoAAA...',width: 503,height: 120,name: "亮蓝",textStyle: {name: {font: {family:"Ubuntu",size:"21px",weight:"bold"},x: 25,y: 38,color: "#106EB3"},group: {font: {family:"Ubuntu",size:"16px"},x: 25,y: 72,color: "#DE9400",filter: "%value%"},phone: {font: {family:"Ubuntu",size:"12px"},x: 44,y: 100,color: "#666666",filter: "0755-86013388-%value%"},mobile: {font: {family:"Ubuntu",size:"12px"},x: 214,y: 100,color: "#666666",filter: "86-%value%"},address:{font: {family:"Ubuntu",size:"14px"},x: 44,y: 124,color: "#666666"}}};

---

更新历史

#####0.6

1. 模板增加 filter 字段，可以用来格式化每个字段的格式
2. 增加地址字段

#####0.5

1. 修改模板 font 字段的规则，由原来的字符串改成对象。
2. 支持更换模板字体
3. 增加GitHub的入口
4. 优化代码结构，让代码看起来更加美观

#####0.4

1. 基本功能完成
2. 可以输出主题
3. 上传到GitHub

---

HTML5技术支持

使用到的H5的技术细节

1. Canvas

2. window.atob
3. Blob
4. URL.createObjectURL
5. JavaScript typed arrays
6. a[download]
7. Google Fonts

---

LICENSE

http://www.apache.org/licenses/LICENSE-2.0.txt