[关闭]
@sammffl 2016-07-03T12:50:50.000000Z 字数 689 阅读 950

localStorage 和 图片database64字符串转换(canvas toDataURL("image/png"))

小技巧


  1. var src = 'public/images/sam.png';
  2. function set(key) {
  3. var img = document.createElement('img');
  4. img.addEventListener('load', function () {
  5. var imgCanvas = document.createElement("canvas"),
  6. imgContext = imgCanvas.getContext('2d');
  7. imgCanvas.width = this.width;
  8. imgCanvas.height = this.height;
  9. imgContext.drawImage(this, 0, 0, this.width, this.height);
  10. var imgAsDataURL = imgCanvas.toDataURL("image/png");
  11. try {
  12. localStorage.setItem(key, imgAsDataURL);
  13. } catch (e) {
  14. console.log("storage failed: " + e);
  15. }
  16. }, false);
  17. img.src = src;//图片加载
  18. }
  19. function get(key) {
  20. var srcStr = localStorage.getItem(key);
  21. var imgObj = document.createElement('img');
  22. imgObj.src = srcStr;
  23. document.body.appendChild(imgObj)
  24. }
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注