canvas

HTML5の<canvas>要素用のタグです。CanvasはHTML5から導入された、二次元の図形描写が可能な要素です。

RSS

  • 解決済

    回答
    1

    canvasで保存する場合に劣化しない方法ってありますか?

    実現したいこと cordovaで画像を編集できるアプリを作ろうと思っています。 ただ、canvasのサイズをツールパレットとヘッダーを除いた部分に比率は変えずに縮小した状態で表示しています。 この状態でcanvasを保存すると、小さくなった状態のものが保存されてしまうので画像が劣化してしまい、繰り返し編集するとかなり酷いものになってしまいます。

    • 0評価
    • 43PV
    shota_e shota_e 1日前
  • 解決済

    回答
    1

    【Riot.js】canvasタグのwidthとheightがデフォルトのままで変わらない

    直接書き込めばちゃんとそれ通りのwidthとheightになるんですが、riotの下記の書き方だとデフォルトのwidth300pxとheight150pxが反映されてしまいます。 <canvas width="{ canvasWidth }" height="{ canvasHeight }" ref="canvas"></canvas> var s

    • 0評価
    • 21PV
    NobumitsuHata NobumitsuHata 2日前
  • 解決済

    回答
    1

    javafxにおけるCanvasスケール拡大時のぼやけ対策

    前提・実現したいこと javafxのCanvasのスケールを拡大した際に、描画内容がぼやけてしまいます。 スケールを拡大しても、描画内容がぼやけないようにする方法を見つけたいです。 発生している問題・エラーメッセージ Canvasのスケールを縦横2倍にするクリックイベントがあり、 クリックするたびに描画内容(例えばfillrect)が2倍ずつ拡

    • 0評価
    • 36PV
    peacecigarettes peacecigarettes 6日前
  • 解決済

    回答
    1

    JavaScriptでrequestAnimationFrameを使用したら、どんどん実行フレームが...

    前提・実現したいこと JavaScriptで、canvas上をクリックすると等スピードで広がる波紋を発生させたいと考えています。 が、下記エラーが発生したため原因を追求すべく質問を投稿させていただきました。 発生している問題・エラーメッセージ JavaScriptでcanvas上をクリックすると波紋が発生するスクリプトを書いてみたのですが、クリッ

    • 0評価
    • 59PV
    Rockowpolis Rockowpolis 1週間前
  • 受付中

    回答
    0

    html2canvasでのスクロール(overflow)の描画

    前提・実現したいこと html2canvasを使ってブラウザの画面キャプチャを取得していますが、 overflow:autoなどでスクロールバーが表示されているオブジェクトのスクロールバーが表示されません。 環境はWindows7,IE11またはChromeで発生しています。 html2canvasは0.4.1を使用しています。 スクロール

    • 0評価
    • 23PV
    motowo motowo 1週間前
  • 解決済

    回答
    2

    javascriptの勉強としてゲームのようなものをつくっています。

    前提・実現したいこと javascriptの勉強としてゲームのようなものをつくっています。 発生している問題・エラーメッセージ なんとか少し動くようにはなりましたが、シューティングゲームのように弾をだせるようにしようすると、 思うように動きません。 弾を出そうとすると、カクカクします。 ソースコード <!DOCTYPE html>

    • -1評価
    • 150PV
    miii miii 3週間前
  • 解決済

    回答
    1

    読みやすいコードにしたい

    ここに質問したいことを詳細に書いてください エリアを2つに分けたとして、片方のエリア(アイテム)に設置したある画像をクリックするともう片方のエリア(canvas)に少し大きなサイズの同じ画像を描画しようと考えています。 画像の数が増えた場合の事を考えて、配列や関数を使い同じ処理を行わないようにしたいと思っています。 発生している問題・エラー

    • 0評価
    • 177PV
    squee squee 4週間前
  • 解決済

    回答
    1

    ローカルにあるファイルをcanvasに描画し、 そのあと toDataURL圧縮したjpeg形式のU...

    前提・実現したいこと javascript(Jquery)でローカルにあるファイルをcanvasに描画し、 そのあと toDataURLでcanvasの画像を圧縮したjpeg形式のURLに変換したいです。 発生している問題・エラーメッセージ canvasに描画したdataを toDataURLで変換する際に 以下のエラーが起こっています。

    • 0評価
    • 72PV
    gyouza gyouza 1ヶ月前
  • 解決済

    回答
    2

    SVGを画像として書き出した際のfont-familyが反映されない

    SVGで外部フォント(google fonts)をtext要素に使用した際、 表示は問題なくされるのですが、そのSVGを画像としてダウンロードしてもfont-familyの設定がデフォルトになってしまいます。 設定したfont-familyそのままの表示で画像にするのは不可能なのでしょうか? 方法があればご教授いただければとおもいます。 ht

    • 0評価
    • 67PV
    nao5151 nao5151 1ヶ月前
  • 解決済

    回答
    1

    Canvasで画像を重ね合わせて描画した要素をそのまま画像として生成したい

    こちらのページを参考にhtml5のFile APIを使ってドラッグ&ドロップし、そこに放り込まれた画像をベース画像とし、重ねレイヤーとしての画像を1枚に合わせてcanvasで描画することまではできましたが、 こちらで描画されたcanvas要素をそのまま画像ファイルとしてcaptureImage要素内に出力したいのですが、画像としての生成手順がわかりません。

    • 0評価
    • 171PV
    sika sika 1ヶ月前
  • 解決済

    回答
    2

    chart.jsにてレーダーチャート・円グラフを作成する際のオプションについて

    現在chart.jsにてレーダーチャートを作成しています。 実際実装したものは、こちらのリンクからご確認お願い致します chart.jsのドキュメント 現在、以下のようなコードを書いて、 レーダーチャートと円グラフを表示しております。 今回やりたいことは、2点です。 ・①のレーダーチャートのグラフにて、六角形のグラフ全体に白の背

    • 0評価
    • 171PV
    yukabyo yukabyo 1ヶ月前
  • 解決済

    回答
    1

    canvasで書いたものを次のページで表示

    前提・実現したいこと お絵かきができるものを実装したのですが、 canvasで書いたものを確認画面として次のページに表示したい。 なにかいい方法はありませんか。 漠然としていてすみません。 発生している問題・エラーメッセージ まだ何もやっていません。 下のソースはcanvasで仕上がったあと、確認画面へ行くためのボタン(register)のj

    • 0評価
    • 259PV
    ANKO3 ANKO3 1ヶ月前
  • 解決済

    回答
    1

    chart.jsにてレーダーチャートを作成する際のラベルの表示について

    現在chart.jsにてレーダーチャートを作成しています。 chart.jsのドキュメント 参考にしたサイト 以下の画像のような感じで現在表示されているのですが、 やりたいことは、①か②のどちらかです。 (どちらも方法がわかれば有り難いですがどちらかでも構いません) ① [ラベル名](その隣のピンクの長方形も合わせて)を消す ② [ラベ

    • 0評価
    • 107PV
    yukabyo yukabyo 1ヶ月前
  • 解決済

    回答
    1

    Retinaでcanvasタグ内のapngアニメーションが2回実行されてしまう対処

    APNG作成について https://ics.media/entry/2441 apngアニメーションをサイトのロゴとして使っているのですが、 Retinaディスプレイでcanvasタグ内のapngアニメーションが2回繰り返されてしまいます。 通常の解像度ディスプレイでは、1回のみ実行され正常に機能するのですが、ご教授いただけますでしょうか。

    • 0評価
    • 176PV
    s4d s4d 6ヶ月前
  • 解決済

    回答
    2

    Androidアプリで画像を差し替えるときに元の画像が残っている。表示後表示した画像は開放したい。

    現在位置と目的地から、現在位置から目的地を常に指すようなアプリの開発に取り組んでいます。 その表現のために、画像を回転させるのではなく右を向いた矢印の画像、左を向いた矢印の画像、などさまざまなパターンの矢印の画像を用意しそれをぱらぱら漫画のように画像を差し替えることで常に目的地の方向を向くようなプログラムを作ったのですが、 画像をCanvasで表示してい

    • 0評価
    • 64PV
    W.Taka W.Taka 1ヶ月前
  • 受付中

    回答
    0

    canvasで描画した内容をBlobから読み出して、画像ファイルとして保存するには

    canvasで描画した内容をBlobから読み出して、画像ファイルとして保存したいのです。 以前同じような質問をし、FileReaderを使用することで実現できることを聞きました。 ですが、いまいち理解することが出来ませんでした。 最終的にはcanvasの内容を取得して、javaで画像オブジェクトを生成したいです。

    • 0評価
    • 126PV
    donmai 退会済みユーザー 1ヶ月前
  • 受付中

    回答
    2

    canvasで描画した内容をBlobから読み出して、画像ファイルとして保存するには

    実現したい内容 canvasで描画した内容をBlobから読み出して、画像ファイルとして保存したいのです。 FileReaderを使ってBlobの内容を取得することが出来るのはわかったのですが、取得した後にフォルダに保存するまでの流れが解りません。 最終的にはcanvasの内容を取得して、javaで画像オブジェクトを生成したいです。

    • 0評価
    • 160PV
    donmai 退会済みユーザー 2ヶ月前
  • 解決済

    回答
    1

    canvasで生成したblobデータをjavaで画像形式で取得

    前提・実現したいこと canvasに描画した内容をjavaで画像オブジェクトで取得したい。 発生している問題・エラーメッセージ createObjectURLメソッドで引数にblobオブジェクトを入れて生成したURLを、Fileオブジェクトの生成時に引数として入れて読み込もうとしたところ、ファイルが存在せず取得できませんでした。 また、ブラウザ上

    • 0評価
    • 98PV
    donmai 退会済みユーザー 2ヶ月前
  • 受付中

    回答
    0

    canvasで円を描きたい

    前提 とある製品のプロダクトサイトを作成しています。 その中で、製品の紹介ページで、商品の販売開始年と販売終了年のグラフ(?)を正円で表現する箇所があり、そこをcanvasで表現したいと思っています。 実現したいこと 動きとしては、 1.ページロード時に、販売開始年と販売終了年を取得。 →これは既に対応できています。 2.ロード後に取得

    • -1評価
    • 87PV
    www-www www-www 2ヶ月前
  • 解決済

    回答
    1

    Vue.jsの中でcreatejsを使って描画をする方法

    canvas要素にv-preディレクティブを使えばcreatejsを使っても描画できると思ったのですが、うまくいかず... 思いついた方法が、 canvasをvueの要素の外側にだす。 vueのインスタンス作成した後にcanvas要素を追加。 ですが、描画はできてもvueの資源をcanvas要素に使えなくなってしまいます(v-at

    • 0評価
    • 154PV
    nao5151 nao5151 2ヶ月前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    76

  • 総質問数

    146

  • 今週の質問数

    4

関連するタグ

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る