0

是否可以在 javascript 中创建(不连接到服务器)图像,创建后可以放置在网站上?例如,我只从服务器发送公式,客户端基于它创建图像,我可以将其用作 jpg/png/bmp 背景(并进行重复等)。

4

2 回答 2

1

是的。HTML5 中有一个canvas元素。它可以用于 2d 图像和 3d 动画等。

是一组关于它的教程。

你的意思是这样的:


var canvas = document.createElement("canvas");
    var context = canvas.getContext("2d");
    var centerX = 70;
    var centerY = 70;
    var radius = 70;

    context.beginPath();
    context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);

    context.fillStyle = "#8ED6FF";
    context.fill();
    context.lineWidth = 5;
    context.strokeStyle = "black";
    context.stroke();

var img = canvas.toDataURL("image/png");
/*
   returns "data:image/png;base64,iVBORw0KGg...."
   it can be used wherever you want:
    -images 
    -style 
    -etc
*/
var b = document.getElementById("foo");
b.style.backgroundImage = "url(" + img + ")";

演示文字

于 2011-09-24T19:39:05.733 回答
1

如果您想要跨浏览器解决方案,请查看Raphael

于 2011-09-24T19:42:01.017 回答