html2canvasの使い方メモ（canvasで出力、画像としてダウンロード） - JavaScript｜OAR CODE
基本的には公式サイトに載っているコードそのままで動作します。 var canvasData = null; // html2canvas実行 function screenshotHtml(){ html2canvas(document.body, { onrendered: function(canvas) { document.body.appendChild(canvas); canvasData = canvas; } }); } // 画像のダウンロード function downloadImage(canvas) { var dataUrl = canvasData.toDataURL("image/png"); // PNG形式 var event = document.createEvent("MouseEvents"); event.initMouseEvent("cli
iPhoneのchromeでWebアプリからのZIPファイルのダウンロードができない - Google Chrome コミュニティ
メイン コンテンツにスキップ false 検索検索をクリア検索を終了Google アプリメインメニュー
canvasで描いた絵をバイナリ形式でサーバーにPOST送信する方法
最近、自宅で時間ができるとHTML5 テクニックバイブルという本を読んでいるのですが、初めて知ったことがいろいろ書いてあって驚愕する日々を送っています。 今回は上記書籍を読んで知ったCanvasで描いた絵を、Base64のData URI形式ではなく、バイナリ形式にしてPOST送信する方法のメモ。ただし、IE9では使えないよう。 まずは、受け取り側のPHPを記述。普通にフォームの画像ファイルを受け取ってサーバーにファイルを保存するような記述を書いておきます。ファイルのアップロード | PHP Laboを参考にしました。 <?php if (is_uploaded_file($_FILES["acceptImage"]["tmp_name"])) { if (move_uploaded_file($_FILES["acceptImage"]["tmp_name"], 'test.png'))
Canvasの中身を、formとしてPOSTしたい
質問をすることでしか得られない、回答やアドバイスがある。15分調べてもわからないことは、質問しよう！新規登録して質問してみよう
【修正あり】jsとcanvasで画像の容量を落とす - MATz Tech
【2017/5/1】 修正加えたその2書きました。 matz.hatenablog.jp 【2017/4/2修正】 phpのソース載せてなかったので、追記しました。 phpで画像アップロードしたいけど、最近のiPhoneのカメラとか画質良いので容量オーバーしちゃいますよね。 まあphp.iniで「post_max_size」とか触ればいいんですけど、なんせ重いです。 それなら、クライアントで容量落としてから上げれば良いじゃん！ってことでこちらの方法！ htmlはこんな感じです。 <form action="" method="post" id="imageForm"> <img src="" id="preview" /> <canvas id="canvas"></canvas> <input type="file" id="imageSelect" onChange="canvasDr
Webアプリをいまどきの手法で爆速開発した — KaoriYa
外道はるかぜちゃんジェネレータというWebアプリを いまどきな手法を用いて爆速で開発した話を紹介します。 先の3連休中、外道はるかぜちゃんジェネレータというWebアプリを開発&公開しました。ここで採用した開発手法がいまどきな爆速開発でしたのでちょっと紹介&ステマします。使った技術は以下の通りです。 AngularJS: Googleが開発しているViewModelなWeb開発ライブラリ(MVW: Model View Whateverだったかな?w) Github pages: スタティックサイトのホスティングに最適 Kii Cloud: mBaaS (mobile backend as a service) で共有データの保存に利用 HTML5 Canvas: 画像生成に。サーバサイドではなにもしてない! サービス概要 外道はるかぜちゃんジェネレータはベースとなる画像があり、そこに面白い
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - eligrey/FileSaver.js: An HTML5 saveAs() FileSaver implementation