[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

canvasに関するlyokatoのブックマーク (3)

  • canvas要素にwebフォントを確実に描画する方法

    webページをデザインする上で,必要に応じてフォントをダウンロードすることが出来るwebフォント機構は非常に魅力的で利便性の高い仕組みですが,使い方によっては色々と面倒な作業が必要なようです.今回解説するcanvas要素との連携はこの最たるもので,場合によっては正しい処理結果が得られません. ※2017現在ではより良いAPI(FontFaceSet/FontFace)がありますので, そちらを使ったほうが良いでしょう. http://defghi1977.html.xdomain.jp/tech/canvasMemo/canvasMemo.htm にて解説しています. (FontFaceSet/FontFaceで検索して下さい) webフォントとは 今日のwebブラウザの大部分ではcssにおける@font-face規則を記述することで,webサーバー上のフォントファイルを必要に応じてダウン

  • 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. Robust Session Storage in Phoenix Live View SessionsPersistently storing session info in Phoenix Live View to it survives reloads and live navigation Building the Perfect Logo StripCreate a visually balanced logo strip by adjusting logo height

    IO 9elements
  • Canvas tutorial - MDC

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

    Canvas tutorial - MDC
  • 1