タグ

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

  • uuCanvas.js - README

    Support information - サポート情報 uuCanvas.js は IE 以外のブラウザに対しても機能拡張を行います。 Extend Text API Opera9.2 - DOM を利用した Text API が使用可能になります。Matrixによる変形や回転は非サポートです。Text Shadow は非サポートです。strokeText() は fillText() と同じ結果になります。maxWidth は非サポートです。 Opera9.5~10 - SVG を利用した Text API が使用可能になります。Matrixによる変形や回転をサポートします。Text Shadow をサポートしますが、影の品質に多少問題があります。strokeText() は fillText() と同じ結果になります。DOM を利用した Text API も利用可能です。maxWid

  • html5 の Canvas を使ってみる

    html5 では Canvas という、Flash はもう用済みなのでは、と巷で騒がれているほどのものが定義されている。まぁまだ Flash の方が使いやすいと思うけど、今後に期待という感じか。SVG の精神を受け継いでいるような雰囲気なので、SVG をやったことのある人はとっつき易い・・・かもしれない。 そこで、実際に Canvas を使ってみて、やってみたもん順に紹介していきたいと思う。 線を引く(lineTo) 円を描く(arc) 線を閉じる(closePath) 扇形を作る(moveTo+arc+closePath) 弧を描く(arcTo) 矩形を描く(rect) 色で塗る(fillStyle) 線に色を塗る(strokeStyle) 星形を描く(lineTo+closePath) 線の太さを変える(lineWidth) 線の両端のスタイルを変える(lineCap) 線の接続点のス

  • IO 9elements

    Our company's top wizards, stuntmen, and industry experts offer their best advice, how-tos, and insights - all in the name of shockingly good code & design. Building the Perfect Logo StripCreate a visually balanced logo strip by adjusting logo heights based on aspect ratios using CSS. By scaling logos dynamically, you can display a harmonious row of diverse logos without manual tweaking.

    IO 9elements
  • Canvas tutorial - MDC

    このチュートリアルは、 <canvas> 要素を使用して二次元のグラフィックを描画する方法を、基から説明します。ここでの例は、キャンバスで何ができるかを明確に示すものであり、独自のコンテンツを作成するためのコードスニペットも提供しています。 <canvas> は HTML の要素であり、スクリプト(ふつうは JavaScript)を使ってグラフィックを描くことができます。これは例えば、グラフを描いたり、写真を合成したり、簡単なアニメーションを作成したりすることができます。 <canvas> は ApplemacOS Dashboard のために WebKit に初めて導入した後、ブラウザーに実装されました。現在は、あらゆる主要ブラウザーが対応しています。 <canvas> を使うのはそれほど難しくはありませんが、 HTMLJavaScript の基的な理解が必要です。一部の

    Canvas tutorial - MDC
  • 1