叶落为重生每片落下的叶子都是为了下一次的涅槃...^_^

2012年1月14日 #

canvas保存为data:image扩展功能的实现

摘要: 【已知】canvas提供了toDataURL的接口,可以方便的将canvas画布转化成base64编码的image。目前支持的最好的是png格式,jpeg格式的现代浏览器基本也支持,但是支持的不是很好。【想要的】往往这么简单直接的接口通常都满足不了需求。我想要的不仅是简单的通过画布生成一个png,我不想新开一个tab,然后还要右键另存为...我还需要更方便的自由的配置生成的图片的大小,比例等。另外如果我还要别的图片格式,比如位图bmp,gif等怎么办...【解决办法】a)想直接把图片生成后download到本地,其实办法也很简单。直接改图片的mimeType,强制改成steam流类型的。比如‘ 阅读全文

posted @ 2012-01-14 20:27 岑安 阅读(23838) 评论(7) 推荐(5) 编辑

关于base64编码的原理及实现

摘要: 我们的图片大部分都是可以转换成base64编码的data:image。 这个在将canvas保存为img的时候尤其有用。虽然除ie外,大部分现代浏览器都已经支持原生的基于base64的encode和decode,例如btoa和atob。(将canvas画布保存成img并强制改变mimetype进行下载,会在下一篇记录)但是处于好奇心,还是驱使我去了解下base64编码的原理。以便也在不支持原生base64编码的ie下可以得以实现。【Base64】-base64的编码都是按字符串长度,以每3个8bit的字符为一组,-然后针对每组,首先获取每个字符的ASCII编码,-然后将ASCII编码转换成8b 阅读全文

posted @ 2012-01-14 11:47 岑安 阅读(54563) 评论(17) 推荐(20) 编辑

导航