qq表情在线制作器

2017-01-25 | 14,517浏览 | 6评论 | 标签:无

emoji

表情在线制作器

在2016年最后一个工作日,用了一天时间,撸了这个表情制作工具。一来练手,二来免去找图或打开ps的麻烦。

功能点:

  • 文字内容、位置、样式自定义;
  • 素材图片选择;
  • 生成结果即时预览;
  • ... ...

已知bug

  • 第一次写文本编辑器,兼容性待验证,如italic在不同浏览器表现不同;
  • 文字加入颜色字号等样式后,旋转功能有问题;
  • 拖动文字目前是绝对定位,换相对位置时有bug。

TODO

  • 解决已知bug;
  • 补充素材库,考虑抓取外部图片;
  • 样式优化等。

总结

  • 文本编辑器使用到document.execCommand;
  • 图片生成使用了html2canvas.js。

地址

git地址
demo演示

(本篇完。有疑问欢迎留言探讨)

已有 6 条评论

  1. jason

    不能动态输出呀

    1. DH

      点击“生成表情”,在右边出现的图片上右键另存为图片即可

  2. 霸王别急

    求博主添加绿帽系列,现在很火啊

    1. DH

      好的,稍候更新。

  3. 曾经蜡笔没有小新

    哈哈哈,有意思!
    不过素材有点少呢...

    1. DH

      哈哈哈,最近有点懒...

留言:

*

* (方便回复通知)

打赏
编辑代码 运行结果
退出