タグ

ブックマーク / www.html5.jp (3)

  • toDataURL() メソッド(canvas を画像に変換) - Canvasリファレンス - HTML5.JP

    canvasをPNGに変換してimg要素で表示 data: url の中身 canvasをJPEGに変換してimg要素で表示 data: url の中身 コード /* canvasに赤色の矩形を描画する */ ctx.fillStyle = "rgb(200, 0, 0)"; ctx.fillRect(20, 30, 60, 40); /* canvasの描画結果をPNGで取り出しimg要素にセット */ try { var img_png_src = canvas.toDataURL(); document.getElementById("image_png").src = img_png_src; document.getElementById("data_url_png").firstChild.nodeValue = img_png_src; } catch(e) { docume

    msh514
    msh514 2012/08/08
    html5 post canvas
  • カラーピッカー.js - JavaScript ライブラリー - HTML5.JP

    対応ブラウザー Internet Explorer 6 以上 Firefox 2.0以上 Opera 9.0以上 Safari 3.0以上(もしかしたら2.0でも動作するかもしれませんが、未確認です。) Google Chrome 0.3以上 使い方 cpick_x_x_x.zipを解凍し、html5jpフォルダをウェブサーバにそのままアップロードしてください。そしてHTMLのhead要素内に、cpick.jsをロードするようscriptタグを記述しておきます。このサンプルは、html5jpフォルダが一階層上に存在しているものとしてscript要素のsrc属性を指定していますが、html5jpフォルダ はどこに設置しても構いません。html5jpフォルダの設置場所に合わせてcpick.jsをロードするscript要素のsrc属性を書き換えてください。

  • W3C - 『HTML 5 differences from HTML 4』日本語訳 - HTML5.JP

    一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日語訳は、私が理解を深めるために、自分なりに日語化したものです。語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原文URL:http://www.w3.org/TR/2011/WD-html5-diff-20110525// 原文タイトル:HTML 5 differences from HTML 4 - W3C Working Draft 25 May 2011 翻訳日:2011/05/26 最終更新日:2011/05/26

  • 1