タグ

ブックマーク / erabikata.info (3)

  • CanvasライブラリFabric.jsの使い方その2

    ここは、技術情報、身の回りに起こった出来事を、「もしかしたらみんなの役に立つかもしれない」と思って書き留めておく場所です。 前回 「Fabric.jsでCanbasに画像を表示する【使い方】」 に引き続き HTMLのCanvasライブラリFabric.jsを試していきたいと思います。 ステップ5 Canvas全体の拡大・縮小 個別のオブジェクトではなく、全体の拡大・縮小のやり方です。 $(function(){ var zoom = 100; var zoomStep = 10; // 準備 var canvas = new fabric.Canvas('cnvs'); canvas.selection = false; // グループ選択なし // 時計 fabric.Image.fromURL('/static/fabric/tokei.png', function(oImg) { o

    CanvasライブラリFabric.jsの使い方その2
  • Fabric.jsでCanbasに画像を表示する【使い方】

    ここは、技術情報、身の回りに起こった出来事を、「もしかしたらみんなの役に立つかもしれない」と思って書き留めておく場所です。 ブラウザ上で画像を自由に配置する というツールを作りたかったのです。 HTMLのCanvasをそのまま使う? 元々Canvasをそのまま使っていたのですが、そのまま使うと レイヤーもなく ドラッグ&ドロップ、拡大縮小なども 自分で実装しなければいけません。 扱う画像が増えてくるととても面倒です。 CanvasのライブラリFabric.jsを使おう Canvasのライブラリは結構あるのですが、 私の希望する用途では オブジェクト選択、拡大・縮小が標準で実装されている Fabric.jsがよさそうでした。 Fabric.jsの使い方 準備としては普通のjsと同じように読み込むだけです。 JQueryとの依存関係はありません。 今回はソースを短くするために、JQueryも使

    Fabric.jsでCanbasに画像を表示する【使い方】
  • AMD Ryzen7 1700のSMTをONにしたらゲームはどうなるのか | 選ばれし謎の何か

    ブログに書きたいことはあったのですが、仕事上それどころじゃなかったのです。 ようやく落ち着いて、最近はゲームを再開してたりしたのですが、そんな折、お問い合わせにこんな書き込みが。 汚物 さんの書き込み・・・ Ryzenの強みであるマルチスレッドを無効化してる-3777点 え、こんなに点数引かれるの!? 反省すべき点 確かに前回の 「GeForce GTX 1060のPCをi5からRyzen7 1700に変更した性能」 では、 ちなみにRyzenのハイパースレッディング相当の機能のSMTは BIOS設定で切ってあるため8コア8スレッドで動作させています。 と書きました。 書きましたが、これはゲームではSMTをOFFにした方がいいよ!!みたいな記事をどこかで見たからでありました。 ですが、 それを説明していない 検証もしていない じゃあSMTをONにしよう 色々最初に考えてみようと思ったのです

    AMD Ryzen7 1700のSMTをONにしたらゲームはどうなるのか | 選ばれし謎の何か
  • 1