タグ

2017年5月10日のブックマーク (5件)

  • 【新入社員】はじめまして、ふーみんです。

    kathew
    kathew 2017/05/10
    >「それがTENGAの登場によって、明るく話せるようになりました。真面目に向き合えるようになりました。」うん?……うん。…………んん??
  • Git blameを使って効率の良い犯人探し(w - Qiita

    リリース後にバグが発生!! 誰の修正が原因なのか、 見つけた! 「hoge.txt」ファイルの修正が原因っぽい。 でも、そこはAさんと、Bさんの修正が混ざってるけど。 そんなときに以下のコマンドを実行! すると、 7b64c3aX (Asan 2013-03-08 09:31:18 +0900 51) def hoge 7b64c3aX (Bsan 2013-03-08 09:31:18 +0900 51) p hogehoge 7b64c3aX (Bsan 2013-03-08 09:31:18 +0900 51) p bug 7b64c3aX (Asan 2013-03-08 09:31:18 +0900 58) end 行ごとにコミッターの名前が表示されました。 「あっ、Bさんの修正が原因だ!」 となり、 Bさんに修正依頼をして 無事に解決。 めでたし、めでたし。 Register

    Git blameを使って効率の良い犯人探し(w - Qiita
  • 直線・多角形を描く-HTML5編

    HOME JavaScript入門[HTML5編] 直線・多角形を描く このページから、実際にCanvasに図を描いていきます。 まずは基的な直線と、それを結び合わせた多角形の描き方を見ていきましょう。 2Dを描くためのスクリプト 前のページで、Internet Explorer対策の「excanvas.js」の読み込みと、 idの付いたcanvasタグを記述することを説明しました。 まずはそこまで完成させましょう。 ではこのcanvasに図形を描くためのソースを見てみましょう。 var cvs = document.getElementById("cv"); var ctx = cvs.getContext("2d"); document.getElementById()で、id名「cv」の付いたcanvas要素を取得し、変数cvsに代入しています。 次にそのcanvasに2D(平面)

  • DOM オブジェクトを Canvas に描画する - HTML: HyperText Markup Language | MDN

    セキュリティ上の理由から簡単ではありませんが、HTML など DOM の内容を canvas に描画することができます。この記事は Robert O'Callahan によるブログ記事をもとに、セキュアに、安全に、そして仕様に準拠したかたちでそれを実現する方法を紹介します。 概要 HTML をそのまま canvas に描画することはできません。その代わりに、描画したい内容を含む SVG 画像を利用します。描画したい HTML を含む <foreignObject> を作り、その SVG 画像を canvas に描画するのです。 描画へのステップ 唯一厄介なのが、SVG を作ることです。SVG のための XML を含んだ文字列を作り、次のものを含んだ Blob を生成することです。 "image/svg+xml" という Blob の MIME タイプ <svg> 要素 svg 要素内の <

    DOM オブジェクトを Canvas に描画する - HTML: HyperText Markup Language | MDN
  • Canvasで描画した画像を送信してサーバに保存する - Qiita

    タイトルどおりのことをやった際の実装時メモ。 Canvasから画像を取得 2通りの方法が見つかった。 Base64への変換 Blobへの変換 Base64への変換 canvas.toDataURL()を呼び出すだけで取得可能であるが、 画像サイズに比例した巨大な文字列となり、変換によって元サイズより33%データ量が増える。 取得したBase64を<image>のsrcに指定すれば画像表示され、 <a>のhrefに指定すればリンククリックでダウンロードできてこれはこれで便利。 Blobへの変換 canvas.toBlob()を呼び出すだけで取得可能。 Blob形式で表現すれば、createObjectURL(blob)によりURL参照が取得できるので、 画像サイズに依存せずメモリ使用量を抑えられるらしい。(未確認) これは便利と思いきやcanvas.toBlob()はFirefoxでのみサポ

    Canvasで描画した画像を送信してサーバに保存する - Qiita
    kathew
    kathew 2017/05/10
    素敵。こういう技術大好き