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