Javascript

 Computer >> コンピューター >  >> プログラミング >> Javascript
  1. 影を作成するためのHTML5Canvasのプロパティ

    HTML5キャンバスは、図面の周りに素敵な影を作成する機能を提供します。 4つのグローバルシャドウ属性の影響を受けるすべての描画操作。 Sr.No. プロパティと説明 1 shadowColor [=value] このプロパティは現在のシャドウカラーを返し、シャドウカラーを変更するように設定できます。 2 shadowOffsetX [=value] このプロパティは、現在のシャドウオフセットXを返し、シャドウオフセットXを変更するように設定できます。 3 shadowOffsetY [=value] このプロパティは、現在のシャ

  2. HTML5Canvasで影を描く

    HTM5 Canvasで影を描くには： <!DOCTYPE HTML> <html>    <head>       <style>          #test {             width: 100px;             height:100px;         &n

  3. HTML5 Canvasの保存および復元メソッドとは何ですか？

    HTML5キャンバスは、キャンバスの状態を保存および復元するための2つの重要な方法を提供します。キャンバスの状態は、保存するたびにスタックに保存されます メソッドが呼び出され、復元するたびに、最後に保存された状態がスタックから返されます。 メソッドが呼び出されます。 Sr.No. 方法と説明 1 save（） このメソッドは、現在の状態をスタックにプッシュします。 2 restore（） このメソッドは、スタックの最上位の状態をポップし、コンテキストをその状態に復元します。 例 次のコードを実行して、Canvasのsaveメソ

  4. HTML5Canvasを使用してテキストを作成するためのプロパティ

    textBaseline [=value] このプロパティは、現在のベースラインアライメント設定を返し、ベースラインアライメントを変更するように設定できます。可能な値は、top、hanging、middle、alphabetic、ideographic、bottomです。テキストを作成するためのプロパティは次のとおりです。 Sr.No. プロパティと説明 1 font [=value] このプロパティは現在のフォント設定を返し、フォントを変更するために設定できます。 2 textAlign [=value] このプロパティは、現在の

  5. HTMLの<video>要素の属性

    要素の属性は次のとおりです。 属性 説明 自動再生 このブール属性を指定すると、データの読み込みを停止せずに、できる限りすぐに動画の再生が自動的に開始されます。 自動バッファ このブール属性を指定すると、自動的に再生するように設定されていなくても、ビデオは自動的にバッファリングを開始します。 コントロール この属性が存在する場合、ユーザーは、音量、シーク、再生の一時停止/再開などのビデオ再生を制御できます。 高さ この属性は、ビデオの表示領域の高さをCSSピクセルで指定します。 ループ このブール属性を指定すると、動画は

  6. HTML5ジオロケーションのPositionErrorオブジェクトで返されるエラーコード

    エラーコードは次のとおりです。 コード 一定 説明 0 UNKNOWN_ERROR 不明なエラーが原因で、メソッドはデバイスの場所を取得できませんでした。 1 PERMISSION_DENIED アプリケーションに位置情報サービスを使用する権限がないため、メソッドはデバイスの場所を取得できませんでした。 2 POSITION_UNAVAILABLE デバイスの場所を特定できませんでした。 3 タイムアウト メソッドは、指定された最大タイムアウト間隔内に位置情報を取得できませんでした。

  7. HTMLのティッカーを使用してeaselJSで線を描く

    EaseLJSは、HTML5Canvas要素を簡単にするJavaScriptライブラリです。ゲームやグラフィックなどの作成に使用します。 easyLJSを使用してHTMLでティッカーメソッドを使用して線を描画するには： var myLine = new createjs.Shape(); myLine.graphics.setStrokeStyle(4); myLine.graphics.beginStroke(color); myLine.graphics.moveTo(startX, startY); startY++; myLine.graphics.lineTo(startX,

  8. canvas.style.display =“ block”がHTML5で機能しない

    関数参照を使用するようにsetTimeout（）を変更します 。参照時に利用可能な機能として機能します。 参照は、文字列参照ではなく、タイムアウトイベントコールバックに転送されます： window.setTimeout(startNow, 2000); 次のように設定します： setTimeout(startNow, 1000); function startNow () {    alert(‘Working correctly!'); }

  9. HTML5で「user-scalable=no」または「user-scalable=no」にしない

    レスポンシブデザインの場合、user-scalable=noを使用する必要はありません。アプリケーションをネイティブアプリのように見せたい場合にのみ使用してください。 ズームはアクセシビリティの重要な機能であり、それを覚えておく必要があります。ユーザーがズームインしてもデザインが壊れないように制御できます。レスポンシブを実行していて、ズームインするとデザインが壊れてしまう場合は、正しく実行されていません。 完全に使用する必要がある場合は、ズームは多くの人が使用する重要なユーザー補助機能であることに注意してください。

  10. HTMLで透過的でないPNGの領域を検出する

    透明でないPNGの領域を検出するには： 最初にバッファを取得する必要があります そのバッファの32ビット参照を取得する必要があります 0幅をスキャンしてx1エッジを見つけます 幅0をスキャンしてx2エッジを見つけます y1エッジを見つけるための高さ y2エッジを見つけるための高さ0

  11. HTML5Canvasの2つ以上のオブジェクト間に重力を適用します

    Canvas内の2つ以上のオブジェクト間に重力を適用するには： var distX = ob1.x - ob2.x, distY = ob1.y - ob2.y; var val = distX *distX + distY * distY; var r = Math.sqrt(val); var F = 50 / val; var rhat_x = distX / r; var rhat_y = distY / r; var Fx = F * rhat_x; var Fy = F * rhat_y; ob1.vx += -Fx; ob1.vy += -Fy; ob2.vx += F

  12. 入力タイプの週は本当にHTML5に存在しますか？

    はい、 input type =“ week” 存在し、ISO8601に従ってエンコードされた年と週の番号で構成される日付を追加できます。これを以下に追加できます。 <!DOCTYPE HTML> <html>    <body>       <form action = "/cgi-bin/html5.cgi" method = "get">          Week : <input type

  13. HTML5のdatetimeとdatetime-localの違い

    日時 タイムゾーンがUTCに設定されたISO8601に従ってエンコードされた日付と時刻（年、月、日、時、分、秒、小数部）。 例を見てみましょう： <!DOCTYPE HTML> <html>    <body>       <form action = "/cgi-bin/html5.cgi" method = "get">          Date and Time : <input type

  14. オートフォーカスHTML5属性の使用

    HTML5では、オートフォーカスと呼ばれる新しい属性が導入されました。これは次のように使用されます。 <input type = "text" name = "search" autofocus/> この属性は、Mozilla、Safari、およびChromeブラウザの最新バージョンでのみサポートされています。 例 次のコードを実行して、オートフォーカス属性の操作方法を学ぶことができます。 <!DOCTYPE HTML> <html>    <body>    

  15. <radialGradient>HTML5タグ

    HTML5タグは、SVGグラデーションを描画するために使用されます。はい、最新のブラウザはそれをサポートしています。 以下は、タグを使用して楕円を描画し、タグを使用してSVG放射状グラデーションを定義するSVGの例のHTML5バージョンです。同様の方法で、タグを使用してSVG線形グラデーションを作成できます。 <!DOCTYPE html> <html>    <head>       <style>          #svgelem{ &nb

  16. HTML5のセッションストレージとローカルストレージの違い

    セッションストレージ セッションストレージは、ユーザーが単一のトランザクションを実行しているが、異なるウィンドウで同時に複数のトランザクションを実行している可能性があるシナリオ向けに設計されています。 ローカルストレージ ローカルストレージは、複数のウィンドウにまたがり、現在のセッションを超えて存続するストレージ用に設計されています。特に、Webアプリケーションは、パフォーマンス上の理由から、ユーザーが作成したドキュメント全体やユーザーのメールボックスなど、メガバイト単位のユーザーデータをクライアント側に保存したい場合があります。 HTML5では、時間制限なしでページのローカルストレー

  17. iOS UIWebViewにモバイルWebサイトを正しく表示させる方法は？

    モバイルウェブサイトを正しく表示するには、次の修正を試してください。 mywebview.scalesPageToFit = YES; mywebview.contentMode = UIViewContentModeScaleAspectFit; 次のように設定することもできます： NSString *js = [NSString stringWithFormat:@"document.body.style.zoom = 0.8;"]; [webView stringByEvaluatingJavaScriptFromString:js];

  18. AngularJSで無線選択設定の値を動的に取得できません

    radio selectの値を取得するには、次のように各ng-modelに[$index]を追加します。 <td><input type = "radio" ng-model = "classes.satisfies[$index]" value = "Country1"> India</td> <td><input type = "radio" ng-model = "classes.satisfies[$index]" value = &

  19. 空白のPNG画像はtoBase64Image（）関数で表示されます

    toBase64Image（）関数で空白の画像が表示された場合、それを正しく処理するには、次を使用する必要があります。 animation: {    duration: 2000,    onComplete: function (animation) {       this.toBase64Image();    } } これで、別の修正を使用することもできます。追加のコールバックを介してsave64Img（myChart.toBase64Image（））を呼び出し、次のように設定します。 myL

  20. HTML属性tabindexが存在するかどうかをテストし、値を取得します

    HTML属性の値を取得するには、次のことを試してください。 $("#demo").attr("tabindex") attr（）メソッドを使用して、一致したセットの最初の要素から属性の値をフェッチするか、一致したすべての要素に属性値を設定することができます。 hasAttribute（）メソッドを使用して、要素の属性があるかどうかを確認することもできます。 例 次のコードを実行して、hasAttribute（）メソッドの使用方法を学習してください。 <!DOCTYPE html> <html>    &l

Total 5927 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:207/297  20-コンピューター/Page Goto:1 201 202 203 204 205 206 207 208 209 210 211 212 213