タグ

javascriptとFabric.jsに関するkimikimi714のブックマーク (3)

  • Script Junkie

    このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 Fabric.js の概要: 第 4 部 Juriy Zaytsev | 2013 年 3 月 14 日 この連載では、ここまで Fabric.js に関するさまざまなトピックを取り上げてきました。第 1 部 では基的なオブジェクト操作、第 2 部ではアニメーション、イベント、およびフィルター、第 3 部ではグループとサブクラスについて説明しました。しかし、興味深く便利な機能はまだあります。今回は、まず自由画を取り上げ、次にさまざまなカスタマイズのテクニックを見ていき、最後に Fabric と Node.js を連携させる方法について説明します。 自由画 要素は、自由画の優れたサポートに真価を発揮します。キ

    Script Junkie
  • Fabric.js Javascript Canvas Library

    Fabric.js is a powerful and simple Javascript HTML5 canvas library Fabric provides interactive object model on top of canvas element Fabric also has SVG-to-canvas (and canvas-to-SVG) parser Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes

  • HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」

    こんにちは、渡辺です。 HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」を紹介します。 Canvas上に描いた絵をマウス操作で動かしたり、拡大縮小する機能が標準で付いていてスゴい便利なライブラリです! まず、このライブラリの主な特徴についてです。 ■特徴 ・インタラクティブ性 Canvas上に描いたものをマウスやタッチで自由に操作できます(ドラッグ、拡大縮小、回転)。 ・Canvasに描いた内容をオブジェクトとして扱える Canvasに描いたものをgetメソッドやsetメソッド経由で設定変更できます。 ・Canvasのシリアライゼーション・デシリアライゼーションのサポート Canvas上の内容をJSONまたはSVGに変換でき、再度インタラクティブな描画内容を復元することができます。 ■準備 1. ライブラリのダウンロード https://github.

    HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」
  • 1