[B! canvas] ayakohiroeのブックマーク

ayakohiroe id:ayakohiroe

canvasに関するayakohiroeのブックマーク (4)

[JS]美しい曲線を使ったチャート・グラフが描けるHTML5 Canvasを使ったスクリプト -Flotr2
デモ：basic Flotr2の特徴 Flotr2はHTML5 Canvasを使ったチャートやグラフを描くライブラリで、「Prototype」依存の「flotr」とは異なり単独で動作し、そして多くの改良をしたものです。モバイルのサポートフレームワークプラグインで拡張可能対応ブラウザ IE6+ Firefox Chrome iOS Android ※IEなどHTML5 Canvas非対応ブラウザでは、「flashcanvas」で描画されます。
ayakohiroe 2015/11/23
canvas

html5

ライブラリ
リンク
HTML5のcanvas入門 - Qiita
今回は、HTML5で追加されたcanvasタグについて書きます。簡単に言うと、お絵かきできます。始めてみるタグ編 <canvas width="幅" height="高さ" id="canvasBase"></canvas> たったこれだけです。簡単です。ただ、このままでは、なにも表示されません。そこで、図形を描いてみます。idは、なんでも構いません。この記事では、id="canvasBase"で統一します。図形 - 四角 JavaScriptを使用して描きます。 var canvas = $('#canvasBase').get(0); var context = canvas.getContext("2d"); context.beginPath(); context.fillRect(座標X, 座標Y, 幅, 高さ); context.closePath(); fillR
ayakohiroe 2015/11/13
canvas

HTML5
リンク
Canvasで漫画にあるような吹き出しを書いてみた - Qiita
はじめに Canvasを使用して、漫画で使われるような吹き出し表現を再現してみました。形自体にも汎用性があると思うので、吹き出し以外にも使えそうです。これで漫画表現シリーズは三作目となりました。︵今までに書いたものは最下部を参照ください︶今回書いた吹き出しは以下の3種類になります。吹き出しのシッポ︵何ていうのか分からない。。発言者を示す細い三角のやつです︶は想定していません。 [動作イメージ] パーッとした吹き出しパンクな吹き出しモコモコな吹き出しなお実際の動作は以下で確認できます http://nekoneko-wanwan.github.io/demo/canvas/effect/fukidashi/light/ http://nekoneko-wanwan.github.io/demo/canvas/effect/fukidashi/punk/ http://nekonek
ayakohiroe 2015/11/13
canvas
リンク
金箔工芸品やあぶらとり紙、食用金箔、加工の相談は金箔の箔一へ
私たちは、この金沢で伝統の文化を受け継いでいます。昔ながらの手仕事を守りながら、日々の暮らしの中で、使ってもらえるようにと革新を進めてきました。いまでは工芸品のみならず、建築や食品、美容など、多くの分野へと金沢箔の可能性が広がっています。そこには、一つひとつ、私たちが込めた想いがあります。その物語をご紹介します。
ayakohiroe 2014/07/17
webデザイン

HTML5

canvas
リンク
1