个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
26
4
我可以使用 BPG 吗？图片为 <div>或 <body>背景？ background: url('bg.bpg');不起作用。
有一个 Javascript 解码器允许 .bpg 图像显示在 <img> 中。标签，但我想使用一个作为 <body>背景。
最佳答案
Javascript BPG 解码器通过将源 .bpg 文件转换为 ImageData 来工作。对象，然后可以将其绘制到 Canvas 上。所以你需要做的就是get the canvas as a PNG data string并将其设置为正文背景图片:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BPG background example.</title>
<!-- Decoder script from http://bellard.org/bpg/ -->
<script src="bpgdec8a.js"></script>
<script>
"use strict";
function setBackground(filename)
{
// Create a hidden canvas with the same dimensions as the image.
var canvas = document.createElement("canvas");
canvas.style.visibility = "hidden";
canvas.width = 512;
canvas.height = 512;
document.body.appendChild(canvas);
// Create a drawing context and a BPG decoder.
var ctx = canvas.getContext("2d");
var img = new BPGDecoder(ctx);
// Attempt to load the image.
img.onload = function()
{
// Once the image is ready, draw it to the canvas...
ctx.putImageData(this.imageData, 0, 0);
// ...and copy the canvas to the body background.
document.body.style.background = "url('" + canvas.toDataURL("image/png") + "')";
};
img.load(filename);
}
</script>
</head>
<body onload="setBackground('lena512color.bpg');">
<p>Hello, World!</p>
</body>
</html>
关于javascript - 如何在后台设置 BPG，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28088036/
26
4
0
我可以使用 BPG 吗？图片为 或 背景？ background: url('bg.bpg');不起作用。 有一个 Javascript 解码器允许 .bpg 图像显示在 中。标签，但我想使用一个作
使用 Fabrice Bellard 提供的 bpg 编码器 here ，以下说明在我的 Debian 8 link 上，我已经完成了一些压缩测试，并使用提供的 .js 在我的浏览器(firefox
我想有人听说过一种新的图像格式 - BPG .我可以在 Android 上处理吗，有什么想法吗？ PS:BPG格式真的很有意思，比如结帐difference with jpeg UPDATE 另一个不
我将很多项目分组到一个项目组中。所有信息都在project.bpg中。现在我想自动构建它们。 如何使用命令行构建所有项目？ 我仍在使用 Delphi 7。 最佳答案 我自己从来没有尝试过，但是here
我是一名优秀的程序员,十分优秀！