現状のHPを無料で診断いたします。
お気軽にお問い合わせください。
お役立ち
ニッティ・グリッティの
お役立ち情報
jQuery containsを使って出力されたテキストを画像に変換する方法
UPDATE :
投稿者 : ニッティ・グリッティ
いったんテキストで出力しておいて、あとで画像に変換するには、
jQueryのcontainsを利用すると便利です。
たとえば、下記のようなhtmlがあるとして
HTML
<span class="texttoimage">target_text</span>たとえば、要素:contains(‘対象となるテキスト’).css(“border”,”3px solid red”) とすると、
対象となるテキスト(=target_text)を含む要素に対して、cssを適用することができますが、
htmlでも同様に適用できるんですね。 それを利用して、
JavaScript
var target_image = '<img src="https://placehold.jp/200x200.png" alt="">';
$(".texttoimage:contains('target_text')").html(target_image);とすることで、target_textという文字を画像に変換することができます。
https://codepen.io/sungura/pen/oNpEmZR
ランキング
BLOG
お役立ち情報
-
雑に選んでいませんか？フォントでデザインに表情をつけよう！
2024.12.03
CATEGORY
お役立ち情報 -
【初心者さん必見！】使えると超おしゃれ！「ブレンドツール」とは！~イラレの便利機能紹介Part6~
2024.12.02
CATEGORY
お役立ち情報 -
テンプレートで簡単!?もう悩まないプレゼン資料作成!
2024.11.28
CATEGORY
お役立ち情報 -
ホームページ集客のコツとは？コンサルティング会社が紹介！
2023.08.21
CATEGORY
お役立ち情報 -
IT導入補助金のご案内
2023.08.07
CATEGORY
お役立ち情報 -
【3分でわかる】Threads（スレッズ）とは？登録方法やTwitterとの違いをご紹介
2023.07.07
CATEGORY
お役立ち情報
