> HTML 五 Canvas API
HTML 五 Canvas API
wangjian6931 & &
发布时间： & &
浏览：10 & &
回复：0 & &
悬赏：0.0希赛币
HTML 5 Canvas API
　　Canvas API
　　是HTML 5 最新增加的功能，下面我将简单的介绍一下，Canvas到底是什么
　　Canvas API 是一个画图的画板，没有画板上画不了图的，其中画板默认为width 300 height 150
　　基本标签
　　&canvas$>$/canvas&
　　可以加入id等attribute 进行css javascript限制
　　画板开始位置为0，0点，可相应的做偏移和移动
　　如何判断浏览器是否支持那
　　可参考下面代码
　　&!DOCTYPE html&
　　&html&
　　&head&
　　&meta charset="utf-8" /&
　　&script type="text/javascript"&
　　function load()
　　document.createElement("canvas").getContext("2d");
　　document.getElementById("support").innerHTML = "Support";
　　catch (e)
　　document.getElementById("support").innerHTML ="Not Support";
　　&/script&
　　&/head&
　　&body onload="load();"&
　　&div id = "support"& &/div&
　　&/body&
　　&/html&
　　下面介绍一下浏览器对HTML 5　Canvas的支持情况
　　Chrome　１.０
　　Firefox　１.５
　　Internet　Expｌｏrer　不支持
　　Opera　９.０
　　Ｓａｆａｒｉ　１.３
　　那么现在就出现一个问题　Internet　Explｏｒｅｒ　不支持怎么办？
　　还好现在有一个插件ExploreCanvas　解决了这个问题
　　&!--[if IE]$>$script type="text/javascript" src="../excanvas.js"$>$/script$>$![endif]--&
　　在Html中插入上面的话就能解决
　　具体的例子我提供在下面
　　下面说明一下Canvas API的内容
プロパティ
キャンバスの領域の幅(ピクセル)。省略時は300ピクセル。canvasタグのwidth属性に対応。
キャンバス領域の高さ(ピクセル)。省略時は150ピクセル。canvasタグのheitht属性に対応。
toDataURL(type,args)
キャンバスの内容をdata URL文字列で取得。
getContext(cibtextId)
描画コンテキストを取得。引数に"2d"を指定すると、2次元グラフィックス用のコンテキストを取得出来る。
　　参数： width，height toDataURL getContext（"2d"）// 有可能会有3d，但现在没有
プロパティ
この描画コンテキストの基になったcanvas要素への参照。
描画コンテキストの状態をスタックのトップに保存する。
描画コンテキストの状態をスタックのトップから復元
scale(x,y)
横方向の倍率xと縦方向の倍率yを与えることで、グラフィックの拡大 縮小を行なう。
translate(x,y)
横方向の差分xと縦方向の差分yを与えることで、座標を変更することができる。
transform(m11,m12,m21,m22,dx,dy)
座標変換マトリックスに直接変更を加える。複数回呼び出すと、同じ変換マトリックスに対して変更が何度も適用される。
setTransform(m11,m12,m21,m22,dx,dy)
座標変換マトリックスを初期化した後、渡された引数でtransform()の呼び出しを行なう。
globalAlpha
線や塗りつぶしを行なう際の透明度を、0.0から1.0の間で指定する(デフォルトは1.0)
globalCompositeOperation
描画領域が重なった際の挙動を指定
strokeStyle
線を描画する際のスタイル。デフォルトは黒。
塗りつぶしを行なう際のスタイル。デフォルトは黒。
createLinearGradient(x0,y0,x1,y1)
線形グラデーションを作成。(x0,y1)で指定した座標から、(x1,y1)に向かって直線的に色合いが変化していく
createRadialGradient(x0,y0,r0,x1,y1,r1)
円形グラデーションを作成。(x0,y0)を中心としてr0を半径とする円と、(x1,y1)を中心としてr1を半径とする円の間が、グラデーションによって塗りつぶされる。
createPattern(image,repetition)
指定されたグラフィックス要素を用いて、線や塗りつぶしのパターンを作成する。
線の太さをピクセル単位で指定する。デフォルトは1ピクセル。
線の終端のスタイルを指定する。"butt"、"round"、"square"のいずれかを指定可能(デフォルトは"butt")
線が交差して出来る角のスタイルを指定する。"round"、"bevel"、"miter"のいずれかを指定可能(デフォルトは"miter")
shadowOffsetX
影を表示する位置のX座標。対象から何ピクセル離れているかを指定(デフォルトでは0)。
shadowOffsetY
影を表示する位置のY座標。対象から何ピクセル離れているかを指定(デフォルトでは0)。
shadowBlur
影のぼかし幅(デフォルトでは0)。
shadowColor
影の色。CSSカラーの形式に則った文字列を指定できる(デフォルトでは透明)。
clearRect(x,y,w,h)
指定した四角形の領域をクリアする。(x,y)が四角形の左上の頂点となり、wは四角形の幅、hは高さを表す。
beginPath()
新たにパス描画を開始する。それまでに描いていたパスはすべてリセットされる。
パスが閉じられていない場合、最後に描画したサブパスの終点から、パスの始点に向かって直線を引くことでパスを自動的に閉じる。
サブパスの描画を開始する座標を移動する。
lineTo(x,y)
現在の点と指定した座標を結ぶ直線を描画。
quadraticCurveTo(cpx,xpy,x,y)
二次ベジェ曲線を描画。現在位置と、引数で渡された座標(x,y)をつなぐ曲線を描画し、曲線のカーブは(cpx,xpyの座標によって決まる)。
bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y)
三次ベジェ曲線を描画。制御点は引数で渡した3つの座標と、現在の座標になる。
arcTo(x1,y1,x2,y2,radius)
直線とそれに接する円弧を描画
rect(x,y,w,h)
直線とそれに接する円弧を描画。
arc(x,y,radius,startAngle,endAngle,anticlockwise)
円弧を描く。完全な円を描くことも、その一部である曲線を描くことも可能
パス内部を塗りつぶす。塗りつぶしの色やスタイルは、fillStyleプロパティによって指定できる。
パスを線として表示。線の色やスタイルはstrokeStyleプロパティによって指定することが可能。
パスの内部をクリッピング領域として指定。クリッピング領域はbeginPath()を呼び出すことで解除が出来る。
isPointInPath(x,y)
指定されたポイントが、現在のパス上に存在するかどうかを返す。
CSSのfontプロパティと同様で、テキストフォントを指定(デフォルトは"10px sans-serif")。
文字列の横方向の表示位置を指定。
textBaseLine
テキストが表示される位置のベースラインを指定。
fillText(text,x,y,maxWidth)
指定した文字列を、(x,y)を基準とした位置に描画。塗りつぶしのみを行なう。maxWidthを指定すると、文字列の横幅がその値に合わせて縮小される。
strokeText(text,x,y,maxWidth)
指定した文字列を、(x,y)を基準とした位置に描画。枠線の描画のみを行なう。
measureText(text)
現在のフォントを用いて文字列を描画した場合の各種情報を測定できる。
drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh)
指定されたグラフィック要素をキャンバスに書き出す。
createImageData(sw,sh)
幅widht、高さheightからなるImageDataを作成。ImageDataは透明に初期化されている。
getImageData(sx,sy,sw,sh)
現在のキャンバスに描画されている画像をImageDataとして取得。(x,y)を左端上の頂点とし、幅width、高さheightの四角形からなる範囲のビットマップが対象となる。
putImageData(imagedata,dx,dy,dirtyX,dirtyY,dirtyWidth,dirtyHeight)
imagedataの内容をキャンバスに書き出す。
　　我把常用的标签用黄色标记了，请大家注意
本问题标题：
本问题地址：
温馨提示：本问题已经关闭，不能解答。
暂无合适的专家
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&母そなたがオーロラライジングを飞んだときに使用した、ピュアホワイトウェディングにこだわるりずむは、他のウェディングコーデを得る着ることを拒否し続けていた。自分のミスのせいでりずむたちが大会で负けて、ピュアホワイトウェディングを手にできなかったと后悔しているみおんは、一人せれのんの元へと向かう。プライドをかなぐり舍て、二人に头を下げてストーンを譲ってほしいと頼み込むみおん。そのためにはなんでもするという彼女に、セレナはプリズムダンスバトルに胜てば渡してやるという条件を出してきた。一方でかのんはりずむに、アクアリウムカップで胜てばストーンを让るが、负けたらヒビキに近づかないよう言い渡すのだった。 的翻译是：哈哈所有 dharmas 是 オーロラライジング，当的飞节奏坚持使用 ピュアホワイトウェディング，是继续拒绝你。不爽的是，后来舍不得扫描仪，由于他的错误中的 ピュアホワイトウェディング 手的节奏说，只有我，一个案例 _ 头到原始。仅询问，头向下红色的骄傲出现，通过建立两个，给您想要它。她的东西，塞雷娜是的 プリズムダンスバトル 胜利会带出的条件，它通过。かのん 是节奏的同时，水族馆杯胜利将石国民，但"安装，是远离魔术手。 中文翻译英文意思，翻译英语
请在下面的文本框内输入文字，然后点击开始翻译按钮进行翻译，如果您看不到结果，请重新翻译！
母そなたがオーロラライジングを飞んだときに使用した、ピュアホワイトウェディングにこだわるりずむは、他のウェディングコーデを得る着ることを拒否し続けていた。自分のミスのせいでりずむたちが大会で负けて、ピュアホワイトウェディングを手にできなかったと后悔しているみおんは、一人せれのんの元へと向かう。プライドをかなぐり舍て、二人に头を下げてストーンを譲ってほしいと頼み込むみおん。そのためにはなんでもするという彼女に、セレナはプリズムダンスバトルに胜てば渡してやるという条件を出してきた。一方でかのんはりずむに、アクアリウムカップで胜てばストーンを让るが、负けたらヒビキに近づかないよう言い渡すのだった。
选择语言：从
罗马尼亚语
罗马尼亚语
正在翻译，请等待...
哈哈所有 dharmas 是 オーロラライジング，当的飞节奏坚持使用 ピュアホワイトウェディング，是继续拒绝你。不爽的是，后来舍不得扫描仪，由于他的错误中的 ピュアホワイトウェディング 手的节奏说，只有我，一个案例 _ 头到原始。仅询问，头向下红色的骄傲出现，通过建立两个，给您想要它。她的东西，塞雷娜是的 プリズムダンスバトル 胜利会带出的条件，它通过。かのん 是节奏的同时，水族馆杯胜利将石国民，但"安装，是远离魔术手。
正在翻译，请等待...
它继续否认事实(ri) (zu) (mu)母亲(如此)柴刀，当飞它是时，使用极光上升，遵守纯净的白色婚礼获得其他(uedeingukode)并且佩带。那以您自己的差错的后果在会议负(ke) (te)，纯净的白色婚礼您不可能选定(ri) (zu) (mu)作为手的女皇叫人发急航路(te)是它是，它面对它是到一个人(se的)起源(关于)。当您摔打自豪感和舍(te)，降低头对二个人并且想要转移石头恳求它是的航路。为那在她那， (serena)在棱镜舞蹈争斗(te)它不管怎么样完成的胜，情况是被投入的转移。一方面，在巨大地它射线(zu) (mu)，在水族馆杯子胜(te)，它是让(ru)，它不有近负射线
相关内容&a那场车祸打破了他出国的计划 That traffic accident has broken the plan which he goes abroad & ait's been widely accepted that depression is involved in numerous disease 它广泛被接受消沉在许多疾病介入 & a长城选用了所有5家供应商。 The Great Wall has selected all 5 suppliers. & a你活的心累啊，让人怜惜 Your live heart tired, lets the human be take pity on & adue to a lack of creditworthiness indicated by low credit scores. During
& aacondicionador 适应 & a一个旅馆 A hotel & a只因我爱你 正在翻译，请等待... & aculturelle 文化 & a你能吗 You can & aHow many
& aThe carbohydrate-derived bio-oil fraction includes non-volatile compounds (sugars, oligomers)that do not evaporate and tend to decompose thermally, forming carbonaceous deposits in the 碳水化合物获得的生物油分数在包括无挥发性的化合物(糖，齐聚物)不蒸发并且不倾向于热量地分解，形成碳质的储蓄 & a我会担心你啊 I can worry you & a这将有一场歌咏比赛在我们学校的本月末 This will have a sing competition in our school this end of the month & a让我抱着你 Let me hug you & a,show 展示 & a约翰问我是否收到他的信了 John asked whether I did receive his letter & aSet wshshell = WSCRIPT.createobject("wscript.shell") 设置wshshell = WSCRIPT.createobject (“wscript.shell”) & aone night,the fire in the house of Mrs Cat burn up.She told her kitten,Fluffy,to bring some fire from Mr Rooster's house. 一夜，火在Cat夫人房子里烧。她告诉她的小猫，蓬松，带来一些火从Rooster先生的房子。 & aEnjoy your sunshine ,your girl and your future. But remember,the most important thing is to give her your true heart and dont always look at other girls 享受您的阳光、您的女孩和您的未来。 但记住，最重要的事是给她您真实的心脏，并且总不看其他女孩 & a由于交货日期临近，工厂生产无法排开 As a result of delivery date approaching, the plant production is unable to dispel & a只是给别人当伴娘了 Only is for others works as bridesmaid & aI.know.You.do't.love.me.but.I.style.wanter.you.…… 正在翻译，请等待... & a这个小男孩太小了，搬不动这个重盒子。 This young boy too has been small, cannot move this heavy box. & a只有当你知道现在我对你的感觉如何 正在翻译，请等待... & a临行密密缝，意恐迟迟归。谁言寸草心，报得三春晖 Just before leaving is dense the tight seam, Italy fears turns over to slowly.Who says the blade of grass heart, the newspaper three parental affections & a第九封 Ninth & a成员团结协作，定期练习 The member unites the cooperation, regular practice & aあなたはわたしを　抱くかしら
& athis progran can only be executed on the ASUS computer. 这progran在ASUS计算机可能只被执行。 & ahas too much on his plate 有太多在他的板材 & a今天的心情有點難過不知道爲什麽 Today mood is a little sad does not know 爲 any & aThe argument simply equates becoming famous and gtting highly paid which musical achievement. 论据简单地视同音乐成就的变得著名和gtting高度支付。 & aSAYS THE DOG 狗说 & a今天下午我要去机场为我姐姐送行。
& a_ I _ also _ is _ you _ the _ ugly _ ugly _? _? _ I _ good _ pain _ bitter... ! _ I _也_是_您_ _丑恶_丑恶_ ？ _? _ I _好_痛苦_苦涩… ! & aSitz der Gesellschaft bonn 正在翻译，请等待... & ahow
bri 怎么bri & a请输入您需要翻译的文本！二十六街车站 正在翻译，请等待... & aSentai Sentai & aSecurity Policy 安全策略 & aIt takes a life time to find someone, but only a moment to fall in love 需要生活时间找到某人，但仅片刻坠入爱河 & aHarbin
Yan Mei Wang
Hygiene and Health Centre for International Travel,, 正在翻译，请等待... & a画3个圆形 Draws 3 circulars & aPower Domain Separation 力量领域分离 & aEvidence provided by supplier: " Evidence provided by supplier: " & a表面光洁，无明显划伤及变形 The surface is bright and clean, scratches and the distortion not obviously & aRm 206 No. 9 Ganshui Road, Rm 206没有。 9 Ganshui路， & aSATA; ST3500418AS 正在翻译，请等待... & aA few have pushed especially hard on this front 一些在这前面特别艰苦推挤了 & a她说女孩要注意保养
& a这首曲子是一个盲人艺术家写的 This first song is a blind person artist writes & aCommunity Service Network 社区服务网络 & aNick[doesn't
sunday. 尼克(不去 在星期天)对动物园。 & a母そなたがオーロラライジングを飞んだときに使用した、ピュアホワイトウェディングにこだわるりずむは、他のウェディングコーデを得る着ることを拒否し続けていた。自分のミスのせいでりずむたちが大会で负けて、ピュアホワイトウェディングを手にできなかったと后悔しているみおんは、一人せれのんの元へと向かう。プライドをかなぐり舍て、二人に头を下げてストーンを譲ってほしいと頼み込むみおん。そのためにはなんでもするという彼女に、セレナはプリズムダンスバトルに胜てば渡してやるという条件を出してきた。一方でかのんはりずむに、アクアリウムカップで胜てばストーンを让るが、负けたらヒビキに近づかないよう言い渡すのだった。 它继续否认事实(ri) (zu) (mu)母亲(如此)柴刀，当飞它是时，使用极光上升，遵守纯净的白色婚礼获得其他(uedeingukode)并且佩带。那以您自己的差错的后果在会议负(ke) (te)，纯净的白色婚礼您不可能选定(ri) (zu) (mu)作为手的女皇叫人发急航路(te)是它是，它面对它是到一个人(se的)起源(关于)。当您摔打自豪感和舍(te)，降低头对二个人并且想要转移石头恳求它是的航路。为那在她那， (serena)在棱镜舞蹈争斗(te)它不管怎么样完成的胜，情况是被投入的转移。一方面，在巨大地它射线(zu) (mu)，在水族馆杯子胜(te)，它是让(ru)，它不有近负射线 &FSXの機体にGPWS(コールアウト機能)をつける - 世界旅行計画in仮想空間
新ブログへ移転しました。http://blog.goo.ne.jp/ja754a_fsx_2
という訳で2番煎じ物です。
今回必要な物は
?FSXおよびそれが稼働するPC
?インターネット環境
?テキストエディッタ(メモ帳で十分です)
?Lhaca等の解凍ソフト
?弄る前のPanel.cfgのコピー(失敗したり戻したい時に使います)
があれば大丈夫です。
ちなみにレーダーパネルの時と同じく、今回もPanel.cfgを弄るので「そんなのいやよ」という方は実行しない方が吉です。
まずはからcallv1.zipをダウンロードします。
ダウンロードしたzipを開くとこんな感じになっているはずです。
あとはREADME.txtを読んでいただければ大丈夫ですので今回はここで????とまあそこまで無責任な事は致しませんのでご安心ください。
まず最初にFSXフォルダー直下のSOUNDフォルダー(Microsoft Flight Simulator X/Sound)にCALLOUTという名前のフォルダを作ります。
(カスタムインストールを行っていなければC:\Program Files\Microsoft Games\Microsoft Flight Simulator X\Sound\CALLOUT という感じになります)
次に、callv1.zip内に同封されている全ての.wavファイルとSound.ini、そしてCALLOUT_SOUND.dllをCALLOUTフォルダにコピーしてください。
お次はCALLOUT.CABとCALLOUT_SOUND.dllをMicrosoft Flight Simulator X/Gaugesフォルダーに投入します。
ここでcallv1.zip内のREADME.txt内最下部にある構文(太枠で囲ってある部分)をコピーします。
今回はデフォルトのB737-800に装備しようと思いますので該当する機体のPanel.cfgを開きます。
(各機体のPanel.cfgはMicrosoft Flight Simulator X\SimObjects\Airplanes\パネルを追加したい機体\Panelにあります。)
Panel.cfgを開くと少し下に[Window01]の項目があると思いますのでその直前の位置に先程コピーしておいた構文を貼り付けます。
ここの部分が
こうなります。
後はFSXを起動し、今回Panel.cfgを変更した機体を選択。
必ず一度2Dパネル視点に移動した後
離陸後2500ft以上まで機体を上昇させ、降下させるとオカマ声で対地高度がコールアウトされるはずです。
「この音声どうにかならんか！」というお方はFlightsimやAvsimなんかで各機体のGPWS音声がアップロードされていますのでダウンロード後、各音声ファイルをCALLOUT側の該当するファイル名に変更し、上書きしてください。
機体ごとに音声を置いておくフォルダを作って乗る機体に合わせてその都度上書きしていくと楽です。
これを導入するだけでかなり楽になります。
ちなみに全ての機体で正確なコールアウトが行われるとは限りませんのであしからず。
それとcall v1と言いながらv1をコールしてくれないのは仕様ですのでご安心ください。
もう一つ同系列のものとして「pmsounds」がありますが、私の環境では動かなかったので紹介できませんでした。すみません
※このパネルを導入して発生したトラブル障害などの責任は一切取りませんのでご了承ください。
«&&|&&|&&»
Popular Entries
post a comment
Related Topics
Recent Entries |
Similar Entries
Trackback &Ping-URL
Access Status
ランキング
Categories
このブログ内で
FSXで世界一周に挑戦されている方です。
Recent Comments
<td valign="top" width="10%
goo&Recommends
今週のgoodなブログ！
暮らしのアイデア集