Hatena Blog Tags
はてなブログ トップ
Canvas
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Canvas

(ウェブ)
【きゃんばす】

とはHTML要素の一つ。JavaScriptを使って図形（2次元ビットマップ画像）を描くことができる。HTML5の仕様の一部。2次元ベクター画像はSVG、3次元グラフィックスはWebGL。

canvasタグに対応していないブラウザ向けのライブラリ

関連キーワード

  • HTML
  • JavaScript
  • Ajax
  • Flash

Canvas

(ゲーム)
【きゃんばす】
このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
線猫日記•先月

Drawing

春六 (はるむ)解散してしばらくした頃に『Drawing』の音源を知り聴いてみた。5曲入りでバラエティに富んだメロディを奏でている。自分が使うとどこか恥じらいを感じてしまうような懐かしさのあるフレーズをはっきりと表現しているのがこの上なくかっこいい。以下YouTubeから抜粋「"春"風のような爽やかさと、"六-ROCK-"の熱さを兼ね備えたスリーピースバンド、春六（はるむ）。言葉の共感、物語の共有、感情の共鳴を体現するライブが、ライブハウスシーンで徐々に話題に。繊細な歌詞に透明感のある声、そして何より心に訴えかけるメッセージ。「本気で笑えていますか？本気で泣けていますか？そんな場所が誰にだって…

#春六#インディーズ#インディーズバンド

ネットで話題

もっと見る
766ブックマークまずは基本から・HTML5のCanvasについて参考になったサイトまとめ | かちびと.netkachibito.net
591ブックマーク『canvas』要素の勉強をする時の参考サイトまとめました | HTML5でサイトをつくろうwww.html5-memo.com
467ブックマーク要約 : Apple iPhone5のページのJPEGとJSとcanvasタグによるビデオの実装がやばいという話lowply.github.io
440ブックマークHTML5 CanvasとCSS3のスマホブラウザでの描画性能 - ICS MEDIAics.media
429ブックマーク今更聞けないcanvasの基礎の基礎 - KAYAC engineers' blogtechblog.kayac.com
418ブックマークHTML5のCanvasに描かれる「アートスクリプティング」とにかく美しいJavaScript表現のまとめ28個！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話動くぞ！きれいだぞ！ ﾍ(･_･ﾍ) とにかく痩せたい、HTMLファイ部のほんだです。 jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアを担当している者です。 jsdo.it、ユーザー数 5万人突破！ 手前味噌ですが、このたび弊社運営のHTML5コード共有コミュニティ「jsdo.it」が、 ユ...design.kayac.com
400ブックマークHTML5 Canvas Cheat SheetCanvas element Attributes Name Type Defaultsimon.html5.org
378ブックマークrails3 + html5 canvasでお絵かき投稿サイトを作ろう！ – KRAY Inc.kray.jp
376ブックマークcanvasでキラキラした背景を作る方法 - KAYAC engineers' blogtechblog.kayac.com

関連ブログ

カタリ〼。•2 か月前

canvasでsvgパスを利用する

条件上svgがどうしても利用できない、でもjsを使って色を変えたい……。 『じゃあcanvasで図形を描画して色を指定すればいいのでは？』 わかる。でもcanvasで自由に図形を描くのってちょっと複雑になると鬼ほど面倒だった気がする……。 面倒なのは嫌いだ……。 なんかこう…… illustratorで好きな図形を描いて、 そこからSVGデータを取得して、 それを良い感じにjsのコードで表現(変換)するシステムを通して、 canvasに描画できないモンですかねぇ〜〜！！ 画像としてcanvasに取り込むのは嫌なんですよね…… 色が変えられないわけではないけど、色指定が複雑になりそうで…… いや…

#JavaScript#path2D
kengosasakiの日記•4 か月前

car

#car#art#fineart#drawing#painting
kengosasakiの日記•4 か月前

man

#face#art#fineart#painting#drawing#oil
kengosasakiの日記•4 か月前

motorcycle

#motorcycle#illustration#art#fineart#painting#oil#drawing
kengosasakiの日記•4 か月前

car

#car#illustration#drawing#art#fineart#painting#oil
元Webデザイナー兼コーダーの備忘録•5 か月前

【p5.js】canvasタグを任意の場所に表示させる

p5.jsで生成されるcanvasタグを任意の場所に表示させる方法について書きます。デフォルトのままでは都合が悪いので、コードを少し変更します。まずは、デフォルトの挿入位置を確認します。その後、対応コードを記述します。 canvasタグのデフォルトの挿入位置 canvasを任意の場所に表示 表示例 まとめ canvasタグのデフォルトの挿入位置 p5.jsのデフォルトでは、bodyの閉じタグの直前にcanvasタグが挿入される。 ... <main><canvas></canvas></main> </body> </html> 任意の場所に表示したいので、コードを変更する。 canvasを任…

#p5.js#JavaScript#Canvas
Ars longa, vita brevis•8 か月前

【Spotify】配信している曲にCanvasを付けてみました

Spotifyで配信している曲にCanvasという機能を付けてみました。 音楽が流れる時にジャケットの写真ではなく、７秒くらいの動画が繰り返し再生されるという機能です。 なんで付けたかというと・・・ Spotify for Artistsのホームページにこんな記述があるからです。 「注意を引きつけて、曲を聴いてもらうことができます。リスナーがCanvasを見ると、ストリーミングを続ける (対称群と比較して5%アップ)、トラックをシェアする (145%アップ)、プレイリストに追加する (20%アップ)、トラックを保存する (1.4%アップ)、アーティストのプロフィールページを閲覧する (9%アッ…

#Spotify#Canvas#動画
日和クラフトカフェ•8 か月前

帆布（はんぷ）って何なん？

帆布を使ってカバンや雑貨を作ってみたいけど・・ そんな時にザクっとまとめたので参考にしてみてください。 帆布とは・・ 「はんぷ」って読みます。 英語では「canvas」キャンバス 平織の生地で強度が必要なものに使われることが多いです。 素材は基本は綿100%のものが主流ですが・・ 麻：通気性 吸湿性に優れてます ナイロン 合成繊維：高密度で水分が浸透しにくいです などの素材があったり混合されていたりと種類も豊富にあります。 ＜用途＞ 船の帆 テント パラシュート 椅子の張地 ハンモック 体育マット とび箱 かばん のれん カーテン クッション エプロン くつ 手袋 力士のまわし 頑丈そうなのが…

#帆布
インターネットメモ帳•20 時間前

JavaScript30をはじめた

JavaScript30をはじめた javascript30.com こちらのサイトのレッスンを3日間でDAY1からDAY10まで進めた。 細かい感想は後日書くが、一冊JSの本をやった人におすすめできそう。 英語があまり得意でない人でも、JavaScriptチョットワカル(=簡単なコードが読める)くらいであれば問題なく進められると思う。 参考までに、私の状況は下記の通り。 JavaScript本格入門をざっと読んだ サイ本途中 「文系大学生のためのJavaScript入門」を終えたばかり 英語はなんとなくでしかわからない。 公式サイトのほか、YouTubeでも動画は視聴出来る。 YouTube…

いつだってミリタリアン！•昨日

手作り感満載！【ブルガリアの軍服】陸軍迷彩カバーオール（1970年代）とは？ 0054 🇧🇬 ミリタリー

今回は、1970年代のブルガリア軍迷彩カバーオールを分析します。 この時代のカバーオール（ワンピース）は珍しいですね。 手作り感のある仕上がりが魅力です。 中古ですが、殆ど使用感のない極上品ですよ！ 目次 １ ブルガリア陸軍迷彩カバーオール（1970年代）とは？ ２ 全体及び細部写真です！ ３ その特徴とは？ ４ 製造とサイズのデータ ５ まとめ スポンサーリンク スポンサーリンク １ ブルガリア陸軍迷彩カバーオール（1970年代）とは？ これまでもブルガリア軍迷彩衣類は、数点このブログでも紹介していました。 でも今回のモデルは1970年代のものになります。 しかも上下セパレートの戦闘服ではな…

studioichiのブログ•昨日

1号帆布 三角錐バッグ ポーチ 小物入れ ハンドバッグ canvas キャンバス 極厚 ヌメ革 シンプル 綿 コットン 名入れ 刻印

1号帆布 三角錐バッグ ポーチ 小物入れ ハンドバッグ canvas キャンバス 極厚 ヌメ革 シンプル 綿 コットン 名入れ 刻印 創業明治二十一年の歴史ある倉敷の帆布専門工場の一級帆布を使用。セルヴィッジのシャトル織機を使いゆっくりと織りあげられ、１日に１反ほどしか織る事の出来ない貴重な１号帆布。生地は厚み1.45ｍｍあり１平米あたり約1014ｇと密度が詰まった30.8ＯＺもあるしっかりとした綿帆布です。重量や厚みがあり、とても丈夫でへこたれにくくそれに加え、通気性に優れ使い込むほどに味が出てきます。１号帆布は良質なコットンを１００％使用し、世界にも誇れる日本で一番しっかりとしたコットン1…

mn36555023’s diary•一昨日

令和3年11月25日

【いいね！】修造の家庭訪問！ クルトガ編＆アルファゲル編＆シフト編 www.nicovideo.jp/watch/sm655655… #sm6556556 posted at 23:49:40 【いいね！】【松岡修造】松岡修造メッセージ 甘くなりたいあなたに【新素材】 www.nicovideo.jp/watch/sm116425… #sm11642598 posted at 23:48:05 【マイリスト】【松岡修造】松岡修造メッセージ 甘くなりたいあなたに【新素材】 www.nicovideo.jp/watch/sm116425… #sm11642598 posted at 23:47:5…

キラボシ国のホロスコープ•一昨日

水星と太陽がヘリオで衝(180度)

明日11/29、太陽と水星がジオセントリックで合となり ヘリオでは衝になります。 ※占星術用語が多く含まれる記事ですが赤の大太字だけ読んでもこの水星逆行の意図がわかるので赤い大太字を見てください。 天秤座期の水星☿逆行のアンサーの日ですっ！！ こちらがそのヘリオのホロスコープ。 この時の水星逆行の記事はこちらに書きました。 momo-canvas.hatenablog.com 10/10の逆行中に水星と太陽は一度合わさってテーマが発動しています。 その時のテーマ発動度数は天秤座16度(繰り上げずそのままの度数で読んでいます)。サビアンシンボルは『流されてしまった船着場』。この度数は自分の足場が…

リアイム•一昨日

はてなブログでコードを表記する方法 はてな記法の使い方 プログラム ソースコード

ブログの記事にソースコードを表記したいけど、よくわからないからそのまま貼り付けよう。 そう思っていませんか？（僕も同じでした…） これを機に綺麗なプログラムを表示していきましょう！ やり方 はてな記法への変更方法 パソコンの場合 スマホの場合 表示例 python html はてな記法について やり方 方法はとても簡単で、編集モードを「はてな記法」に変更し、表示したいプログラムを以下のような書き方で入力するだけです。 >|プログラミング言語名| コードの中身 ||<注意してほしいのが、>||と|| はてな記法への変更方法 パソコンの場合 編集の逆三角を押すと選択することができます。 ※ 本文が…

胃もたれ沢 吐瀉夫の日常•3 日前

【Amazonブラックフライデー】液タブが今安い！遂に2万円以下！まさかの1万円台！【XP-Pen Artist12】※11/27更新

オッス！オラ吐瀉夫！ 以前、3万円代で購入できる液タブ（液晶タブレット）をご紹介し、自分でも実際に購入して使っていたのですが、それが『XP-Pen Artist15.6』。 今回はその兄弟機種（姉妹？）である『XP-Pen Artist12』をご紹介！ 11/26[金]9:00 –12/2 [木]23:59の期間、Amazonブラックフライデーでセール対象になってお得です。 12/2 24時までのセールなのでこのチャンスをお見逃し無く。 １万円台の液タブ『XP-Pen Artist12』 そもそも液タブとは？ なぜ液タブを買うべきなのか 液タブはWACOM（ワコム）だけじゃない XP-Pen …

胃もたれ沢 吐瀉夫の日常•3 日前

【オススメ】液タブが今安い！まさかの激安1万円台！【XP-Pen Artist12】

オッス！オラ吐瀉夫！ 以前、3万円代で購入できる液タブ（液晶タブレット）をご紹介し、自分でも実際に購入して使っていたのですが、それが『XP-Pen Artist15.6』。 今回はその兄弟機種（姉妹？）である『XP-Pen Artist12』をご紹介！ ※2021年11月27日に更新しています １万円台の液タブ『XP-Pen Artist12』 そもそも液タブとは？ なぜ液タブを買うべきなのか 液タブはWACOM（ワコム）だけじゃない XP-Pen Artist12の特徴 充電不要の六角細軸デザインペン 8192段階の筆圧感知 小さくても高画質なHD液晶 パソコンとの接続も簡単 対応システム＆…

WEBサイト制作の勉強•4 日前

11月26日作業データ

index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Furniture-Store</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel=…

wicked•5 日前

Python(Django)でPDFを作成する

1. Djangoでアプリを作成 django-admin startproject myapp 2. ReportLabをインストール pip3 install reportlab 3. ReportLabを利用してPDFを作成する from django.http import HttpResponse from reportlab.pdfgen import canvas from reportlab.pdfbase import pdfmetrics from reportlab.pdfbase.cidfonts import UnicodeCIDFont from reportlab…

usakdsteen•5 日前

2021年11月25日(Thu)の独り言

2021年11月25日(Thu)の呟きは 34

founy おすすめ！人気のトレンドファッション通販情報のまとめ•6 日前

【バッグ・鞄 オンワード デザイン ダイバーシティ・トッカ・ジェイ プレス】おすすめ！人気、トレンド・レディースファッションの通販

■オンワード デザイン ダイバーシティ(ONWARD Design Diversity)の中綿トートバッグ ■トッカ(TOCCA)のBIG POCKET CANVAS TOTE トートバッグ2022 CASUAL COLLECTION【TOCCAからデビューしたカジュアルな GODDS COLLECTION】RELAX&ROMANTICをコンセプトに 美しく生きるTOCCA GIRLたちの日常にふさわしい、便利でストレスフリーのスイートなアイテムをお届け。■トッカ(TOCCA)のCIELO TRAVEL BACKPACK バックパック2022 CASUAL COLLECTION【TOCCAから…

たっちゃんの古代史とか•6 日前

3大ピラミッドの建築方法の考察・・・ギザ台地を眺めて思いついた新仮説

巨大過ぎるピラミッドの建設方法は 高さ146mもあるギザの大ピラミッドは、紀元前2450年に作られたとか。伝承によれば知恵神トートが建築法を伝授したといいます。 大ピラミッドだけで230万個もの石灰岩の巨石が使われてるらしい。巨石は最大のもので1個あたり1～7トンにもなるとか。 7トンにもなると300人の男が綱引きしても、平地で動かせるかどうかわからないくらい。それで人力ではどうやっても、巨石を高さ100m以上まで引き上げるのは不可能ではないかともされる。 実はピラミッド建築方法については、絶対にこれという定説がありません。しかし幾つかの仮説が出ています。 ○ a.まっすぐな傾斜路で巨石を引…

女性ボーカル専•6 日前

最終定理論者 - ORATORIO

01 だって仕様がない D02 肺呼吸 D03 ぜんぶ嘘です。 B04 曖昧にしないでよ C05 夏の特等席 D06 Number D07 EGO-HYPE D08 Rain Step D09 拝啓、思春期さん E10 アナーキー・ラポート C11 恋が過ぎ去っていく D12 Canvas E13 オラトリオ C

アニソンブログ ア･ラ･カルト•7 日前

1週間のアニソンニュースまとめ読み（2021/11/17～2021/11/23）

年末感出てきている今日この頃