小编Rav*_*Rav的帖子

Javascript:动画GIF到数据URI

我正在用PHP + HTML + CSS + JavaScript编写开源的Falloutish 2游戏.现在正在处理引擎.我有这个gif:https: //dl.dropboxusercontent.com/u/4258402/nmwarrgb_e.gif

...我想转换为数据URI.我需要这样做,因为浏览器缓存图像并且这个没有循环,所以为了能够在动画结束并且单元转到另一个图块时"再次运行",我需要将其转换为数据URI.否则我将被迫一遍又一遍地重新下载图像,例如通过在图像文件的末尾添加随机字符串.哪个工作正常,但采取过多的转移,导致滞后.

这是我试图使用的代码:

    var image = new Image();

    (..)

    this.convertImageObjectToDataURI = function (image) {
                var canvasTemp = document.createElement('canvas');
                canvasTemp.width = image.naturalWidth; // or 'width' if you want a special/scaled size
                canvasTemp.height = image.naturalHeight; // or 'height' if you want a special/scaled size

                canvasTemp.getContext('2d').drawImage(image, 0, 0);

                var dataUri = canvasTemp.toDataURL('image/gif');

                // Modify Data URI beginning
                dataUri = "data:image/gif;" + dataUri.substring(15);
                console.log(dataUri);

                // Return image as Data URI
                return dataUri;
};
Run Code Online (Sandbox Code Playgroud)

不幸的是,它仅为第一帧生成数据URI.我试过搜索插件,阅读有关html画布的内容,但 …

javascript animated-gif game-engine data-uri

5
推荐指数
1
解决办法
1278
查看次数

Laravel - 返回时间之前,如“2d 之前”

将 PHP 日期转换为如下格式的最佳方法是什么:

3d ago
18h ago
Run Code Online (Sandbox Code Playgroud)

必须为每个项目实现此功能可能会很烦人。

php laravel laravel-5

1
推荐指数
1
解决办法
3800
查看次数