0

作成後にWebサイトに配置できる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 に答える