canvas

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

RSS

  • 解決済

    回答
    1

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

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

    • 0評価
    • 34PV
    gyouza gyouza 3日前
  • 解決済

    回答
    2

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

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

    • 0評価
    • 41PV
    nao5151 nao5151 5日前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 134PV
    sika sika 5日前
  • 解決済

    回答
    2

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

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

    • 0評価
    • 72PV
    yukabyo yukabyo 1週間前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 244PV
    ANKO3 ANKO3 1週間前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 52PV
    yukabyo yukabyo 1週間前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 162PV
    s4d s4d 5ヶ月前
  • 解決済

    回答
    2

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

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

    • 0評価
    • 50PV
    W.Taka W.Taka 1週間前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 101PV
    donmai donmai 2週間前
  • 受付中

    回答
    2

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

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

    • 0評価
    • 130PV
    donmai donmai 1ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 78PV
    donmai donmai 1ヶ月前
  • 受付中

    回答
    0

    canvasで円を描きたい

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

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

    回答
    1

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

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

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

    回答
    1

    フロントエンドとバックエンドの連携について

    前提・実現したいこと 現在、Canvasを利用して画像の合成や編集をしたりするWebアプリを作ろうとしています。 そこで同じくCanvasを利用して画像の合成などを行っている(と思う)下記URLのサイトを参考にしています。 NIKEiD 参考にしているサイトはシューズの様々なパーツを好きな色・柄にカスタマイズできるというものです。 Webページ

    • 0評価
    • 274PV
    kerokero335 kerokero335 1ヶ月前
  • 解決済

    回答
    2

    base64に変換されたimageデータをリサイズしたいです。

    jasnybootstrap の「Image upload widgets」をインタフェに使って ファイル選択と同時に base64にデータ化されたファイルをアップロード ↓ サーバー上で復号 ↓ 保存 させるところまでこぎつけたんですけど..アップロード前に originalfile //これがbase64化されたオリジナルの画像データ

    • 0評価
    • 209PV
    Sora-tan Sora-tan 1ヶ月前
  • 解決済

    回答
    1

    複数のcanvasにそれぞれ異なる画像を読み込ませて表示させたい

    前提・実現したいこと 複数のcanvasにそれぞれ異なる画像を読み込ませて表示させたいと思っています。 例えば、 一つ目の<input id='fileSelectA' type='file' accept='image/*' /> から読み込んだ画像は"canvasA"に表示、 二つ目の<input id='fileSelectB' type='

    • 0評価
    • 131PV
    shoshinsha01 shoshinsha01 1ヶ月前
  • 解決済

    回答
    2

    HTML5 canvas の学び方

    これからHTML5canvasを学ぶ際の参考書に迷っています。 オライリージャパンから出版されている、 ・HTML5canvas 2012/01と ・プログラミングHTML5canvas で迷っています。 横浜の書店で比べたかったのですが、在庫がなく比べられませんでした。 知っている方がいましたらそれぞれの特徴おしえていただけますでしょうか?

    • 0評価
    • 137PV
    taka_yuki taka_yuki 1ヶ月前
  • 受付中

    回答
    0

    クライアントでリサイズ後、規定フォルダにアップロード

    前提・実現したいこと 下記を参考にクライアントでリサイズ後、規定フォルダにアップロードするページをつりたいと思っています。 https://egashira.jp/image-resize-before-upload 発生している問題・エラーメッセージ こちらの例ではGoogle App Engineを使用していますが、 Google App

    • -2評価
    • 122PV
    kamekame kamekame 2ヶ月前
  • 解決済

    回答
    2

    HTML5 Canvas に画像をオブジェクトとして表示したい

    こんにちは。いつもありがとうございます。最近Canvasを使う機会がありまして勉強中です。 エラーが出ます Canvas に画像をオブジェクトとして表示しようと、下のコード実行すると、 window.onload = function () { var treeArray = []; ctx = document.getEle

    • 0評価
    • 274PV
    Tats.N Tats.N 2ヶ月前
  • 解決済

    回答
    2

    Canvasについて

    前提・実現したいこと jsファイルとhtmlファイルでcanvasを用いて、図形を描いています。 <p> <button id="1" value="green">Green</button> <button id="2" value="blue">Blue</button>

    • 0評価
    • 110PV
    ajgd261 ajgd261 2ヶ月前
1

もっと見る

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    74

  • 総質問数

    139

  • 今週の質問数

    3

関連するタグ

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