• QRコードポスター付きキャンバス生成の落とし穴記録

    キャンバスポスターは、背景画像、円形のアバター、ユーザーニックネーム、リンクされたQRコード画像から構成されています。 質問は以下の通りです。 画像が表示されない 描画・レンダリング時に画像が表示されない:画像の読み込みが非同期なので、canvasの操作をonloadイベントに配置しないと画像が表示されない、画像が複数あるため、プロミスに配置してasyncで呼び出

    2022-01-29 01:26:22
  • IEがクラッシュする不具合

    コピーコード コードは以下の通りです。 <style type="text/css"> #ab{margin:0 25px;position:relative;border:1px solid; font:bold;text-decoration:none;list-style:none;} a:hover{display:block;color:#000;

    2022-01-29 01:07:02
  • リンク先のhref=#の意味を教えてください。

    現在のページへのリンクです。 ---------- --------- 通常、次のように使用します。 <a href="#" onclick="window.close()">close</a> 重要なのはその後に続くonclickで、"close"がクリックされたときにwindow.close()のコードを実行することになるのです。 なぜ <a o

    2022-01-28 23:55:10
  • テーブルの背景画像を設定しても、100%表示できない解決方法

    開発において、以下のような状況が見受けられました。 (1) 拡張子が.jspのファイルが格納されている場合、コードは以下のようになります(index.jsp)。 コピーコード コードは以下の通りです。 <%@page contentType="text/html; charset=utf-8" pageEncoding="utf-8" language="jav

    2022-01-28 23:51:36
  • iframeタグの使用詳細(属性、透明度、適応的な高さ)

    1. iframeの定義と使用法 iframe 要素は、別のドキュメントを含むインラインフレームを作成します(つまり、インラインフレーム)。 HTMLとXHTMLの違い iframe 要素は HTML 4.1 Strict DTD および XHTML 1.0 Strict DTD でサポートされていません。 ヒントと注意点 ヒント:iframeを理解しないブラウザに対

    2022-01-28 23:46:43
  • IE6で画像要素imgに余分な空白がある

    ページのDIV + CSSのレイアウトでは、遭遇IE6(もちろん、時にはFirefoxも時折発生します)冗長な空白の問題の下にブラウザで画像要素imgは、問題の解決策のために絶対に共通ですも&quotです;何が起こるかを参照してください"、異なるソリューションを使用するために、別の理由に応じて、ここで 画像レイアウトバグの下に冗長ギャップを解決する一般的な方法は参考までにここに要約され

    2022-01-28 23:40:51
  • bodyの属性 bodyタグの主な属性をまとめてみました。

    bgcolor="text color" background="background image" text="文字色"。 ハイパーリンクの文字色 ハイパーリンクを強調するために、通常、ハイパーリンクテキストは他のテキストと異なる色になり、ハイパーリンクテキストの下部には水平線が追加されます。 HTMLテキストには、ハイパーリンクテキストのデフォルトカラーがあり、このカラーはマークア

    2022-01-28 23:20:32
  • xml構文詳細

    I. 文書規則 1. 大文字・小文字を区別する。 2. プロパティ値は引用符で囲む必要があり(シングルクォートでもダブルクォートでも可)、一般的にはダブルクォートを使用することが推奨されます。 3. すべてのタグには終了記号が必要です。 4. 空のタグはすべて閉じなければならない。 5. 5. 要素は1つだけでなければならない。 6. 6. 空白文字を解析する場合、省略せずにそのまま

    2022-01-28 23:04:26
  • URLを入力したときにバックグラウンドで起こること

    ブラウザ、HTTP、HTML、Webサーバー、要件処理など、Webアプリケーションがどのように動作するか、その技術を含む完全な階層的な視点を持つことが、ソフトウェア開発者として必要です。 この記事では、URLを入力するときにバックグラウンドで何が起こっているのかを深く掘り下げていきます ~。 1. まず、ブラウザにURLを入力する必要がある : 2. ブラウザでドメ

    2022-01-28 22:12:17
  • 円形のプログレスバーを生成する html svg

    私のプロジェクトでは、円形のプログレスバーが必要で、リアルタイムの進捗状況を更新する必要がありました。具体的な効果は次のとおりです。 コードはとてもシンプルです。 <svg width="150px" height="150px" class="svg"> <circle r="70" cy="75" cx="75" stroke-width="8"

    2022-01-28 19:54:39
  • キャンバスの描画がぼやける問題の解決法

    にじみの原因 まず、キャンバスの表示メカニズムについて理解する必要があります。 <canvas id="map" width="375" height="667"></canvas> キャンバスを375pxで描きましたが、iphone6の幅も375pxです、OK、キャンバスが画面全体に広がります。 すると、キャンバスの大きさは375pxに

    2022-01-28 19:42:51
  • ホームページのダイナミックな動画背景を実現するHTML5サンプルコード

    さっそく、その結果を見てみましょう。 かっこいい?このダイナミックな動画をホームページの背景として実装してみたいと思いませんか?是非、一緒に学びましょう、この記事では、H5ダイナミックビデオの背景を実装するために沿ってあなたを取るでしょう;。 まずネットでわかりやすい動画を探してダウンロードします。できればMP4形式がいいです。 ダウンロードしたら、コードを書くために

    2022-01-28 19:37:26
  • HTMLタグの一覧とその使用方法

    HTMLタグ一覧 <テーブル マーカー タイプ 名称または意味 役割 備考 ドキュメントマークアップ <HTML> ● 文書宣言 ブラウザにこれがHTMLファイルであることを知らせる <HEAD> ● 開始 ドキュメントに関する全体的

    2022-01-28 19:22:40
  • tdセルを結合する際のtd幅の問題

    以下の例では、名前があるtdの幅が60pxのとき、2行目の文字数が少なければ正常に表示されますが、2行目の文字数が多いと正常に表示されません。 コピーコード コードは以下の通りです。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content

    2022-01-28 19:10:41
  • HTMLタグのセマンティクス入門

    数年前、Web制作ではDIV+CSSが大流行し、野次馬根性が発動した。しかし、その後、フロントエンドの開発において、純粋なDIV+CSSはプログラマーによって捨てられ、「タグの意味付け」という言葉が出てきました。 では、この言葉は何を意味するのだろうか。以下は、バイドゥからの抜粋です。 htmlタグのセマンティクス:htmlタグの意味。 . まず、セマンティクス(Semantics)

    2022-01-28 18:51:13
  • 最も一般的なHTMLエスケープ文字 Escape Sequence

    HTMLの<、>、&などは特殊な意味(<、>はリンクタグ、&はエスケープ)を持つため、直接使用することはできません。これらの記号は、最終的に私たちが見るウェブページには表示されないので、ウェブページに表示させたい場合はどうすればいいのでしょうか? そこで、HTMLエスケープシーケンスに行き着くわけです。 Escape Sequenceは、Characte

    2022-01-28 18:12:04
  • Webアプリケーションの開発を短縮するための時間節約テクニックトップ10(グラフィックチュートリアル)

    今日の開発環境では、速いことは良いことです。 ラピッドアプリケーション開発」「アジャイルソフトウェア開発」「非同期JavaScriptとXML」(最近では、Webページが表示されるのをじっと待つことさえできない)といったバズワードや用語を見れば、いかにペースの速い世界であるかがわかるだろう。 しかし、急いで物事を成し遂げることは、残業をすることを意味しません。その際、ある程度の頭

    2022-01-28 17:04:17
  • HTML5 WebGLを用いた医療用物流システム

    前置き IoT(Internet of Things)とは、簡単に言うと、インターネットを介してモノとモノがつながることです。世の中のあらゆるものが、データの変化によってインテリジェントに管理できるようになります。IoTの台頭は、医療業界において命を救う可能性を持っています。 IoTは、ユーザーの情報を収集し、リアルタイムで診断していくため、間違いなく医療に包括的な未来をもたら

    2022-01-28 17:02:45
  • html特殊記号 html特殊文字比較表

    また、広告などを排除し、より統一された形で閲覧しやすいように整理された以下のURLもご覧ください。 HTMLの特殊文字エンコーディングの比較表 <テーブル 特別なシンボル 名前付きエンティティ 10進コード 特別なシンボル 名前付きエンティティ 10進コード Α アルファ &#913です。

    2022-01-28 16:42:57
  • htmlテキスト中の全てのタグを置換する方法

    (?i) は大文字・小文字を区別しないことを意味します。大文字、小文字に関係なく、すべてのタグを置き換えます。 html = html.replaceAll("(<(?i)(|)[^]*/? >)|( )|(')|(\")", "").html.replaceAll("(&lt)(|)[^]*/? System.out.println(

    2022-01-28 16:20:33