- 締切済み
HTML5 canvas について教えてください!
HTML5 canvas についての質問です!! 私はいまHTML5で作品を作ろうと思っています。htnlやcssなどの基本知識は持っているつもりです。 新しくHTML5、canvasの勉強を開始したばかりです。canvasで単純に線を描写すること は理解できるんですが… 例えば座標(0.0)にある画像をクリックすると、座標(100.100)にある画像まで徐々に線が伸びていくという動き(トゥーイン)をさせたいんですがそれがわかりませんっ どなたか教えてくださ!!
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- babu_baboo
- ベストアンサー率51% (268/525)
関連するQ&A
- HTML5.0のCanvas要素について
サイトにグラフ(降水雨量。1時間単位)を表示したいと思っています。 そのための技術を調べてたところHTML5.0のcanvas要素 と JavaScriptに行き着きましたが、 HTML5.0のcanvas要素 と JavaScript の役割分担が理解できませんでした。 Canvasは、FlashやJavaのようにプラグインを使わずに、JavaScriptベースで図を描くことができます。*1 (参照 HTML5.JP:http://www.html5.jp/canvas/what.html) とありますが、HTML5.0を使わずにXHTMLとJavaScriptでグラフを表示してるように見えるサイトがあります。 XHTMLとJavaScriptで実現可能であるなら、canvas要素はなぜ注目しているのだろうと疑問に思いました。 具体的に聞きたいことは 1.HTML5.0 canvas要素を使わずにXHTMとJavaScriptを使い、サイトにグラフは出力できるでしょうか。 2.*1でのプラグインとはJavaScriptファイル(.js)も含むのでしょうか 3.HTML5.0で記述したサイトでグラフ表示だけはCanvas要素を使わずにJavaScriptライブラリを使い記述するのは非効率なのでしょうか。 分かる部分だけでもお答えして頂けると助かります。 知識が足りずとんちんかんな質問になってるかもしれませんが、 よろしくお願いします。 下記はHTML4.1 と JavaScriptで出力されたグラフです。 http://highcharts.com/demo/
- ベストアンサー
- HTML
- HTML5での画像表示について
HTML5を勉強しはじめたばかりの者です。 http://nigohiroki.hatenablog.com/entry/2013/01/04/025502 ここのサイトみながらラインと四角を表示することはできたのですが、 画像を表示することができません。 <!DOCTYPE HTML> <html lang="ja-JP"> <head> <meta charset="UTF-8"> <title>canvasApp</title> </head> <body onload="init()"> <canvas id="first" width="200" height="200"></canvas> <script type="text/javascript"> var canvas = document.getElementById('first'); var ctx = canvas.getContext('2d'); function init(){ var img = new Image(); img.src = "01.jpg"; ctx.drawImage(img, 100, 100, 200, 200); } </script> </body> </html> どこがおかしいのかさっぱりわかりません。 試しに</body>の前に<img src="01.jpg">と入れるとなぜか表示できるのですが、 外すと表示できなくなります。 よろしくお願いします。
- ベストアンサー
- HTML
- HTMLとCSSでのClass属性がわかりません
画像を挿入し、リンクを埋め込むと、画像の周りに線がついてしまう。 これを避けたいのですが・・・・ 具体的に言いますと・・・各ページに「TOPページ」へ戻るボタンを埋め込みます 各ページのHTMLに <div class="icon"> <a href="リンク先"><img src="パス名"></a> </div> CSSに img.icon{ border-style: none; } と記述しましたが、各ページの画像(「TOPページ」へ戻るボタン)の周りは線がついたままです HTMLの<img src="パス名" border="0">を記述すれば、線を消すことは出来ますが 複数ページに渡っているため、全てにborder=”0”を入力するのは 手間がかかってしまいます なんとかCSSでコントロールしたいのですが・・・ そもそも記述(文法)が間違っているのでしょうか? Classのとらえ方が間違っているのでしょうか? 画像も一気に変えたい場合の事も想定し、 現在HTMLで画像挿入しているのを、CSSで埋め込む記述方法があれば 教えてください。 数日前から、HTMLとCSSの勉強をはじめた初心者ですので 見当違いな質問かもしれませんが どうぞ、よろしくお願いします
- ベストアンサー
- CSS
- ホームページビルダーV9を使いながらHTML・CSSを覚えたい
ホームページビルダーでHPを作成しています。基本的なところまでは、HTML・CSSの知識が無い私でも出来るのですが、思い通りにレイアウト出来なかったり任意の場所にバナーを貼れなかったりとかなり行き詰っています。 HP作成ソフトを使わず、サンプルを作りながら学習していく類のテキストは見かけますが、ホームページビルダーを基本にHTML・CSSを覚えていく様なテキストはないでしょうか? あれば是非教えて下さい。
- ベストアンサー
- ホームページ作成ソフト
- WEBアプリ作成について
以前も似たような質問をさせて頂いたものですが、WEBアプリ作成にあたってお尋ねしたいことがあります。作るアプリの動作としては、ブラウザ上に画像を貼り、その上に自分で指定した座標上に下の画像がわかるようにぼかした図形をいくつか描き、それをクリックするとデータベースからデータを取得してきて表示するという動きのものです。 調べたところ、上記のものを実現するためには、HTML,JavaScript,Javaだけでは難しいでしょうか。 HTML5のCanvas機能を使えばそれは可能でしょうか? 回答お待ちしております。
- ベストアンサー
- その他(プログラミング・開発)
- どのようなHTML、CSSを書けばいいのか?
添付画像のように、表示したいのですがどのようなHTML、CSSを書けばいいのでしょうか? 具体的には ・「キーワード」と書かれた文字が中心に来るように線で囲む ・検索フォーム・ボタンは通常のtextarea、buttonです ・「キーワード」・「textarea」・「button」を横一列に表示 です。 宜しくお願い致します
- ベストアンサー
- CSS
- PanelとCanvasの違いについて
i-appliでちょっとしたアプリを作成する事になりただいま勉強中です。 初歩的な質問です。 高APIのPanelクラスと低APIのCanvasクラスの違いについて質問です。 まず、Panelにおいて、ラベルテキストの表示場所を設定するといったことはできるのでしょうか? PanelとCanvasは一緒には使用できないという事をネット上でみかけたのですが、 例を出すとCanvasにリストボックスは表示できないといったことでしょうか? Panelにgif画像を左端に表示してその同列上にテキストを表示し、下部にリストボックスを表示しようとしています。Canvasではこのような表示はできないと思いますが、かといってPanelだとCanvasのようにテキスト位置などを座標で指定するといった事が現状の知識では無理だと思うのですが、実際のところこのような場合、 どのように作成していけばいいのでしょうか?わかりにくいかもしれませんがよろしくお願い致します。
- 締切済み
- Java
- HTMLコーダという仕事
無知のため、教えていただけるとうれしいです。 私は21歳の高卒で、(高校は普通科)、現在は一応システム会社に勤務している者です。 ですが、システムの開発というのはあまり自分には合っていないと思い始め(いろいろツッコミがあるとは思いますが、理由についてはどうかさらっと流してください)、高校の頃から独学で勉強しているHTML・CSSのお仕事をしたいと思いました。 ですが、今はHTMLコーダ+Webデザイナーというひとくくりになっているようで、デザインがまったくできない私はWebデザイナーはできそうにありません。 Photoshop等は、簡単な画像の加工くらいならできるのですが、それでイラストなどを描けといわれても描けない状態で…。 HTMLコーダというお仕事をしたいのですが、そういう仕事はあるのでしょうか? ちなみに私は PHP perl Java(本当に基本だけ) Flash、ActionScript DBの基本的なところ HTML、CSS ツールとしてはDream Weaver。(Photoshopは基本だけ) あと関係なさそうですがWord、Excelは仕様書等を作る程度にはできます。
- ベストアンサー
- 転職
- HTMLとCSSについて勉強しています。
HTMLとCSSについて勉強しています。 PCについての基本操作はできますが、HTMLについてはまったくの素人。 Dreamweaverを使ってのWEB講座を受講したのでソフトを使えばCSSもある程度使ってHPを作成できるようになりました。 ただタグをきちんと理解していないので、細かいところでつまづいてしまいます。 勉強用に本を購入したいのですが、 1.一週間でマスターするHTML for Windows (1 Week Master Series) 2.HTMLとスタイルシートによる最新Webサイト作成術 どちらを購入するか迷っています。 先生に1.の1週間でマスターするシリーズの福島靖治著は非常にわかりやすいといわれJavascript・CGI・Perlはこのシリーズを購入したのですが、基本となるHTMLについては著書が違うので購入をためらっています。 amazonのレビューで2.がわかりやすいとあったのですが、HTMLの知識が歯抜けで基礎も応用もというようなお勧め本は他にありますか? よろしくお願いします。
- ベストアンサー
- HTML
- HTMLとCSSのオススメ本
現在HTMLとCSSを基礎知識をマスターしようとしています。 とりあえず、HTML&CSS入門本を1冊購入し最後まで読み終わりました。 実践形式な本だったので、その本に書かれてある手順通りの簡単なサンプルサイトが出来上がりました。 あまりにも簡単な内容だったので、基礎知識をマスターまでは出来ていないと思います。 ですので、2冊目として基礎~マスターまで学習できる本を探しています。 1冊目の実践形式で進めていける本はとても分かりやすかったので、文字ばっかりの知識紹介やタグの羅列辞典等ではなく、画像等をはさみながら操作手順をこなしていける内容の本、又はサイトを探しています。 良い本、またはサイトはありますでしょうか?
- ベストアンサー
- HTML