摘要：【已知】canvas提供了toDataURL的接口，可以方便的将canvas画布转化成base64编码的image。目前支持的最好的是png格式，jpeg格式的现代浏览器基本也支持，但是支持的不是很好。【想要的】往往这么简单直接的接口通常都满足不了需求。我想要的不仅是简单的通过画布生成一个png，我不想新开一个tab，然后还要右键另存为...我还需要更方便的自由的配置生成的图片的大小，比例等。另外如果我还要别的图片格式，比如位图bmp，gif等怎么办...【解决办法】a)想直接把图片生成后download到本地，其实办法也很简单。直接改图片的mimeType，强制改成steam流类型的。比如‘
阅读全文
摘要：我们的图片大部分都是可以转换成base64编码的data：image。 这个在将canvas保存为img的时候尤其有用。虽然除ie外，大部分现代浏览器都已经支持原生的基于base64的encode和decode，例如btoa和atob。（将canvas画布保存成img并强制改变mimetype进行下载，会在下一篇记录）但是处于好奇心，还是驱使我去了解下base64编码的原理。以便也在不支持原生base64编码的ie下可以得以实现。【Base64】-base64的编码都是按字符串长度，以每3个8bit的字符为一组，-然后针对每组，首先获取每个字符的ASCII编码，-然后将ASCII编码转换成8b
阅读全文
摘要：飞行射击类游戏很常用的追踪子弹，或者塔防里面固定炮台打 怪物的时候，为了保证子弹不会打空，追踪是必要的。然而，这是极其简单的事情。在每一帧里判断当前子弹和目标位置的距离和方向，不断修正 速度方向即可。// this.x, this.y 表示当前子弹的位置// this.tar.x, this.tar.y 表示当前目标的位置var dis = Math.sqrt(Math.pow((this.tar.x-this.x), 2) + Math.pow((this.tar.y - this.y), 2));var angleX = (this.tar.x - this.x)/dis;var angl
阅读全文
摘要：原文链接：http://oldj.net/article/flip-images-in-html5/ 貌似 HTML5 的 Canvas 只提供了图片的旋转、缩放功能，没有提供图片翻转（水平翻转或垂直翻转）的支持，搜索加试验之后，得到几种实现图片翻转的方法，记录一下。 第一种最简单的是使用 CSS，代码片断如下：1<style>2.flip-x {3filter: FlipH; /* IE only */4-moz-transform: matrix(-1, 0, 0, 1, 0, 0);5-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);6
阅读全文
