canvas

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

RSS

  • 受付中

    回答
    1

    何故、切り捨てると0除算してしまうのか。

    下記のソースのプロパティであるthis.startLifeの小数点の丸め方(端数処理)を切り上げ(ceil)ではなく切り捨て(floor)にすると実行途中にエラーが発生してしまいます。 エラー直前に0除算をしているようです。切り上げにするとこのようなことは、発生しません。 var canvas = document.getElementById("can

    • 0評価
    • 61PV
    • JavaScript

      13878questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • canvas

      229questions

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

    KSwordOfHaste KSwordOfHaste 1日前に 回答

  • 解決済

    回答
    1

    edge animateで作成したファイルを任意の場所でスタートさせるには

    前提・実現したいこと adobe edge animateで作成したアニメーションのバナーをfooterの位置などに来た時にアニメーションスタートするように設定したいのですがどのようにすればいいでしょうか。 発生している問題・エラーメッセージ エラーメッセージ 該当のソースコード ここにご自身が実行したソースコードを書いてください 試したこと

    • 0評価
    • 585PV
    • JavaScript

      13878questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • jQuery

      5835questions

      jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

    • canvas

      229questions

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

    • CSS3

      1752questions

      CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

    • HTML5

      3398questions

      HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

    kim_owl kim_owl 4日前に 回答

  • 解決済

    回答
    1

    animate ccなどで作成したアニメーションをレスポンシブ対応させたい。

    http://blog.livedoor.jp/thinkzero/archives/3815540.html URL先にあるように animate ccで作成したHTML5のアニメーションをdreamweaverなどでレスポンシブに対応させる方法が全くわからいません。 oamファイルを作成したりなどはわかるのですが、配置してもどうしてもサイトレイ

    • 0評価
    • 885PV
    • canvas

      229questions

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

    • HTML5

      3398questions

      HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

    • Dreamweaver

      106questions

      Dreamweaverは、アドビシステムズ（株）が開発したWebページ作成ソフトです。 HTMLやXHTMLだけでなく、PHPやASPなどのサイバーサイドスクリプトの編集も可能で、 OracleやMicrosoftSQLServerなどの、データベースとの連携機能もあります。 Webデザイナーなどの専門業界で圧倒的なシェアを誇っているソフトです。

    kim_owl kim_owl 4日前に 回答

  • 解決済

    回答
    1

    javascript、canvasで花吹雪

    javascriptでcanvasを生成して花吹雪を降らすコードを書きました。 動きはするし、花びらの挙動も思った通りに操作できたのですが、何故かサイトをリロードしたら花びらが出て来なくなり、２回リロードしてやっと作動する感じになっています。 ローカルでしか試していないのですが、urlから飛んでサイトが表示されたらちゃんと吹雪いてます。しかしやはりページ

    • 0評価
    • 279PV
    • JavaScript

      13878questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • canvas

      229questions

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

    sleeeep12 sleeeep12 1週間前に 質問を編集

  • 受付中

    回答
    1

    WEB上でデザインした商品をそのまま購入できるようにしたい

    前提・実現したいこと 自分だけのオリジナルTシャツが作れる 以下のようなサイトを作ろうとしています。 https://tmix.jp/ WEB上で商品のデザインができる デザインした商品はイメージ化してカート（セッション）に保存することができる カート（セッション）に保存した商品はそのまま購入することができる といった主要機能から取り掛

    • 0評価
    • 78PV
    • HTML

      7571questions

      HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

    • canvas

      229questions

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

    • HTML5

      3398questions

      HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

    • SVG

      66questions

      SVGは、XMLを基盤とした2Dベクター画像記述言語。画像を線・面といった図形の集合体として扱うベクター画像のため、環境に適した表示が可能です。アニメーション機能もサポートされており、簡単なインタラクティブコンテンツ作成もできます。

    mts10806 mts10806 1週間前に コメント

  • 解決済

    回答
    2

    Chart.js データエントリーのないx軸のラベルを残した（スキップ）上で、データを繋げる方法につ...

    一般的な質問となって恐縮ですが、Chart.jsで困っていることがあり投稿させていただきました。 添付の画像をみていただきたいんですが、X軸に表示されている2017/11と2018/2のデータをダイレクトに繋げられればと考えています。 2017/12, 2018/01にデータエントリーがないので、x軸でゼロを表示していますが、12月、1月のラベ

    • 0評価
    • 41PV
    • PHP

      17807questions

      PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

    • JavaScript

      13878questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • MySQL

      5111questions

      MySQL（マイエスキューエル）は、TCX DataKonsultAB社などが開発するRDBMS（リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

    • canvas

      229questions

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

    Rocky Rocky 1週間前に コメント

  • 解決済

    回答
    1

    JavaScript 二次元配列の要素比較

    前提・実現したいこと 上記のようなあみだくじをランダムに生成し、クリックで横棒を消したり出したりするのが目標です。現在クリックで横棒を出せるところまでできていて、今は横棒を消す処理と横棒同士で繋がらないようにする処理をするための配列検索で詰まっています。 発生している問題・エラーメッセージ 今回横棒の情報を二次元配列で[左の棒(0～11),右の棒(

    • 0評価
    • 51PV
    • JavaScript

      13878questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • canvas

      229questions

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

    michaelyuki0908 michaelyuki0908 2週間前に ベストアンサー

  • 解決済

    回答
    1

    canvasを複製してスクリーンショットを取得したい

    実現したいこと PixiJSで描かれたcanvasをスクリーンショットのようにcanvas全体を画像として取得できるようにしたい(chrome拡張として実装) 現在考えている手法 PixiJSで既に描かれているcanvas(orig_canvas)のImageDataを取得し、同じ位置に新たなcanvas(clone_canvas)を生成してそこにor

    • 0評価
    • 72PV
    • JavaScript

      13878questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • canvas

      229questions

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

    • HTML5

      3398questions

      HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

    • Chrome extension

      105questions

      Chrome拡張機能

    ke9000 ke9000 3週間前に ベストアンサー

  • 解決済

    回答
    4

    webGLのreadPixelをcanvas2dに用いられるImageDataに変換したい

    前提・実現したいこと webGLのgetPixelでcanvas全体の色情報を取得したものをcanvas2dに用いられるImageDataに変換し, webGLで表示されている部分のcanvasをキャプチャしたい. 考えた手法 webGLのgl.readPixelsがRGBA, Uint8Arrayで出力でき、それがcanvasのgetImageDat

    • 0評価
    • 105PV
    • JavaScript

      13878questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • canvas

      229questions

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

    • HTML5

      3398questions

      HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

    • WebGL

      72questions

      WebGL（ウェブジーエル）は、ウェブブラウザで 3次元コンピュータグラフィックスを表示させるための標準仕様です。

    • Chrome extension

      105questions

      Chrome拡張機能

    ke9000 ke9000 3週間前に 質問を編集

  • 解決済

    回答
    3

    WPF Canvasに描いた線だけを消す方法が分かりません。

    キャンバスに等間隔に線を引きグリッドの様に背景に表示させておこうとしています。 キャンバスサイズも変更させたいのでサイズを変更する時にグリッドを再描画させています。 しかし再描画する際に線だけを消す方法が分からず線以外の子要素も消えてしまいます。 MainWindow.xaml <Grid> <ScrollViewer Hor

    • 0評価
    • 100PV
    • C#

      5793questions

      C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

    • canvas

      229questions

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

    • WPF

      608questions

      Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

    gucha gucha 3週間前に コメント

  • 受付中

    回答
    0

    canvasの実装/ サンプルの動きを変更したいです。http://paulkr.github.io...

    canvasの実装に関して質問させていただきます。 http://paulkr.github.io/quietflow.js/ こちらのサイトのサンプル[bouncingBalls]に変更を加えたいのですが、 どのように実装したら良いでしょうか。 下記4点の変更を加えたいです。 1)ボールのの半径の最大値、最小値 2)スピード 3)ボールの

    • -1評価
    • 62PV
    • JavaScript

      13878questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • canvas

      229questions

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

    rieley rieley 1ヶ月前に 質問

  • 解決済

    回答
    1

    正方形がどのように傾いているか、を正方形上に矢印で示したい

    どこのブランチに投稿すればよいかわからないのですが、とりあえずお尋ねします。当方、文系フロントエンドエンジニアで、数学と物理には少し弱いのを承知下さい。 x、y、zのJSONデータを、plotly（グラフ作成ソフト）で、type=等高線（contour）で描画しています。x軸は0〜20まで、y軸は0〜20まで、z軸は標高を表してます。 参考

    • -2評価
    • 230PV
    • PHP

      17807questions

      PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

    • JavaScript

      13878questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • canvas

      229questions

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

    • HTML5

      3398questions

      HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

    • GD(Graphics Library)

      23questions

      GD(Graphics Library)は、線や多角形、円、テキストなどを書くことができるライブラリです。グラフなどを作成する際に利用されます。

    SaintKnowledge SaintKnowledge 1ヶ月前に コメント

  • 解決済

    回答
    2

    JavaScript の Unexpected end of input について

    JavaScript初心者です。 以下のコードが、Uncaught SyntaxError: Unexpected end of input をはいて動きません。(最終行の animate(); です) 色々試したのですが、原因が分からなくなりハマっています。初歩的な質問で申し訳ないのですが、どこに問題があるのかご指摘いただけないでしょうか。 以下にコー

    • 0評価
    • 184PV
    • JavaScript

      13878questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • canvas

      229questions

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

    • HTML5

      3398questions

      HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

    ALMI ALMI 1ヶ月前に ベストアンサー

  • 解決済

    回答
    3

    chart.js　グラフの複数設置とラベルの改行、グラフの軸線の色を変更したい。

    商品の比較に使用するため、同一ページにレーダーチャートを複数設置したいです。 「chart.js」を使用しています。 複数のレーダーチャートを設置するため、現在以下のようなコードになっております。 <!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> <titl

    • 0評価
    • 369PV
    • JavaScript

      13878questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • jQuery

      5835questions

      jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

    • canvas

      229questions

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

    uzr1709 uzr1709 1ヶ月前に ベストアンサー

  • 解決済

    回答
    3

    touchイベントで座標を獲得できない

    mauseイベントでは座標を獲得しトリミングができているスクリプトがあります。これにtouchイベントを追加させたくて悪戦苦闘しております。ブラウザはchrome、ローカルで完結させるプログラムです。 具体的な動作としてはupload_canvasという要素上で座標をとり、裏にあるlayer2というcanvasで四角形を（トリミング範囲）を取得し、それをba

    • 0評価
    • 143PV
    • JavaScript

      13878questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • canvas

      229questions

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

    kihokutarou kihokutarou 2ヶ月前に 回答

  • 解決済

    回答
    1

    canvasでのタッチイベント、clientXでエラーが出ます

    https://teratail.com/questions/116264# にて質問した同一内容になります。上記は本件が解決したら解決済みとしようと思っています。 回答者様より様々アドバイスを受けまして、mauseイベントで成功しているものにtouchイベントを追加しようと苦戦しています。 以下のscriptの「//ここからタッチ試行」よりが質問の中心で、

    • 0評価
    • 150PV
    • JavaScript

      13878questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • canvas

      229questions

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

    kihokutarou kihokutarou 2ヶ月前に ベストアンサー

  • 受付中

    回答
    1

    javascript で装飾を加えた描画内容を　PNG 出力する方法

    問題点 <canvas> タグ内の画像を　PNG 出力する方法は分かるのですが HTML 上で変更された DIV Box を　canvas に描かせて その内容を先ほどと同様に　PNG 出力すると うまく行きません。 正しい方法をご指導下さい。 参照したコード** （１）　基本骨格に使用 http://www.pori2.net/html5

    • 0評価
    • 108PV
    • JavaScript

      13878questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • canvas

      229questions

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

    • SVG

      66questions

      SVGは、XMLを基盤とした2Dベクター画像記述言語。画像を線・面といった図形の集合体として扱うベクター画像のため、環境に適した表示が可能です。アニメーション機能もサポートされており、簡単なインタラクティブコンテンツ作成もできます。

    xmg xmg 2ヶ月前に 質問を編集

  • 解決済

    回答
    1

    mouseイベントにtouchイベントを追加するには

    たぶんかなり初歩的な質問です。ただいま勉強中です。 以下のscriptにはmouseイベントがあります。具体的にはmousedown時の座標を取り同じくup時の座標を取り、画像を範囲指定してトリミングする、というコードです。 これをタッチ操作で行うためには、touchイベントを追加すればよいとは思いますが、それは単純に例えば、 display.addEv

    • 0評価
    • 110PV
    • JavaScript

      13878questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • canvas

      229questions

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

    kei344 kei344 2ヶ月前に ベストアンサー

  • 解決済

    回答
    1

    canvasにて他ページで取得したtoDataURLの再利用

    ページ１で取得したcanvasデータをページ２で使用したいのですがうまくいきません。同一ブラウザ、Chromeです。 <canvas id="render" width="0" height="0"></canvas> <img src="#" id="i1" width="73" height="72"><br> <button onclick="Ca

    • 0評価
    • 83PV
    • JavaScript

      13878questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • canvas

      229questions

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

    kihokutarou kihokutarou 2ヶ月前に ベストアンサー

  • 受付中

    回答
    1

    Exif情報を含むアップロード画像をCanvasで描画する際のExif内の回転情報を反映させる方法に...

    前提・実現したいこと Canvasを用いてアップロードした画像をハート形に切り抜き、さらにハート形の枠をつけたものを描画する、というものを作っています。枠の色・大きさを変える、画像のサイズ・位置を変える、ところまではできたのですが、アップロードした画像をCanvasを用いて描画する際に、画像に含まれる回転情報を反映させて描画させたいのですが、うまく動作させ

    • 0評価
    • 151PV
    • JavaScript

      13878questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • canvas

      229questions

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

    KoichiSugiyama KoichiSugiyama 2ヶ月前に 回答
1
  • 1
  • 2
  • 3
  • ...

次のページchevron_right

タグ情報

  • あなたの順位

    -位

  • タグ登録者数

    111人

  • 総質問数

    229件

  • 今週の質問数

    1件

関連するタグ

  • TreasureData

    6questions

    TreasureDataは、クラウド型データマネージメントサービスです。アプケーションログやセンサーデータといった時系列データの収集や保管、分析を容易に行うことが可能です。分析エンジンとしてPrestoの利用もでき、SQLで収集データをインタラクティブに分析できます。

  • memcached

    29questions

    memcached は、汎用の分散型メモリキャッシュサーバです。

  • Visual Basic 6.0

    13questions

    Microsoft Visual Basic 6.0（VB6)とはCOMプログラミングのためにMicrosoftが提供したプログラミング言語とintegrated develpment enviornment(IDE)のことです。

  • iOS 9

    207questions

    iOS 9は、アップル社のモバイルOSであるiOSシリーズのバージョン。特徴として検索機能の強化、Siriの機能改良、iPad向けマルチタスクなどがあります。マルチウィンドウ機能をサポートし、iPad向けマルチタスクもサポートされています。

  • SVN

    82questions

    SVNは、CollabNet社が開発したソースコードなどを管理する集中型のバージョン管理システムです。 Subversionとも呼ばれ、CVSの問題点を解決すべく開発された次世代のバージョン管理システムとして開発されました。基本的なコマンドはCVSと共通しています。複数人の開発者が共同でひとつのソフトウェアの開発にあたるときなどに、ドキュメント及びソースコードなどを管理するのに使用されます。

  • LXC

    10questions

    コンテナ

  • Web Starter Kit

    1questions

    Web Starter Kitは、Google社が提供するマルチデバイスに対応できるWeb開発テンプレートです。使用するには、Ruby、Node、Gulpが必要です。

  • 情報セキュリティスペシャリスト

    10questions

    情報セキュリティスペシャリスト試験 (SC)は、IPA 独立行政法人 情報処理推進機構の実施している国家資格です。

  • HTTP

    476questions

    HTTP(Hypertext Transfer Protocol)とはweb上でHTML等のコンテンツを交換するために使われるアプリケーション層の通信プロトコルです。

  • DataGrid

    46questions

    GUIの一種であり、データを表の形式でみることが可能です。

canvasタグのよく見られている質問

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