どのように保存しHTML5キャンバス?

StackOverflow https://stackoverflow.com/questions/2544260

  •  23-09-2019
  •  | 
  •  

質問

現在使用してい Canvas2Image 保存するコンテンツのHTML5キャンバスに入力します。ませんが作Google Chromeしています。そのアイデアからの課題について、歓迎します。:)

役に立ちましたか？

解決

それは、ライブラリの問題かもしれので、

canvas.toDataURL()は、Chromeでの作業の罰金に表示されます。機能「画像に変換キャンバス」はかかわらず、動作しているようです。

他のヒント

このコードを使用する

<html>
<head>
<script src="base64.js" type="text/javascript"></script>
<script src="canvas2image.js" type="text/javascript"></script>
</head>
<body>
<input type="button" id="savecanvas" value="Save Image" onclick="savecanvasfile()"/>
</body>
</html>



<script>
function savecanvasfile(){
    var canvas = document.getElementById('canvas_name');
    var context = canvas.getContext('2d');
    var strDataURI = canvas.toDataURL();
    Canvas2Image.saveAsPNG(canvas);
}
</script>

これらcanvas2image.jsとbase64.jsをダウンロードして、このコードの作業のためのローカルフォルダに保存します。

これらのサイトで利用できるようになります http://www.nihilogic.dk/labs/canvas2image/ の

var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
var strDataURI = canvas.toDataURL("image/png;base64");
document.write('<img src="'+strDataURI+'"/>');

そのきっかけをつくっていきたかったです！=)

ち www.assembla.com/code/codetodiagram/subversion/nodes/experimental/canvasBox/default/CanvasBox.js?rev=239#ln1235.ご覧いただ走らせ http://www.thiagomata.com/codetodiagram/svn/experimental/canvasBox/classDiagram/classDiagram.html.

の画像のゴショーのブラウザが一つとしてdonwloadながらプレーする必要がありますの作成にはこの簡単なphpファイル: www.assembla.com/code/codetodiagram/subversion/nodes/experimental/canvasBox/default/download.php?rev=239

いを作成する必要がありclose.html ブラウザにっいて:空白のページのダウンロード開始 www.assembla.com/code/codetodiagram/subversion/nodes/experimental/canvasBox/default/close.html?rev=239

まprobaly大きなポストでのthiagomata.blog.com 私はこのファイルまでできるのです。

たぶん、これを読めば、将来のthiagomata.com リンクすっすぐに移動このプロジェクトのcodetodiagram.com.

しようとしています。Thiagoマタ

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top