HTML로 쓸 수 있는 JS를 써봤어요.
5370 단어 HTMLJavaScriptCSS
내가 직접 써 보았다.찾아보니 여러가지 도서관이 있는 것 같습니다>『
아, IE 확인 안 했어요.안 움직이면 m이 안 맞아()m
소스 코드
gist에 m ()m
https://gist.github.com/sawapi/75431c2ffb56610e0e7e
사용법
사용법은 간단하다.
압축된 상태의 HTML은 다음과 같이 설명되어 있습니다.
var text = "「字詰め」のテストです。"
text = text.kerning(); // 字詰めされたHTMLを取得する
console.log( text );
<span style="display:inline-block;margin-left:-0.5em;">「</span>字詰め<span style="display:inline-block;margin-right:-0.5em;">」</span>のテストです<span style="display:inline-block;margin-right:-0.3em;">。</span>
견본
JavaScript의 설명은 위키백과에서 m () 을 인용했다m
http://ja.wikipedia.org/wiki/JavaScript
<!doctype html>
<html>
<head>
<style>
h2 { margin: 0px; padding: 0px; color: #222222; font-size: 18px; }
div { font-size: 14px; color: #444444; border: 1px solid #a0a0a0; padding: 5px; }
</style>
</head>
<body>
<h2>字詰めなし</h2>
<div>
JavaScript（ジャヴァスクリプト）とは、プログラミング言語のひとつである。
Javaと名前が似ているが、異なるプログラミング言語である（後述の#歴史を参照）。
オブジェクト指向のスクリプト言語であることを特徴とする。
主にウェブブラウザに実装され、動的なウェブサイト構築や、
リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
</div>
<h2>字詰めあり</h2>
<div id="kerning">
JavaScript（ジャヴァスクリプト）とは、プログラミング言語のひとつである。
Javaと名前が似ているが、異なるプログラミング言語である（後述の#歴史を参照）。
オブジェクト指向のスクリプト言語であることを特徴とする。
主にウェブブラウザに実装され、動的なウェブサイト構築や、
リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
</div>
</body>
<script src="./kerning.js"></script>
<script>
var element = document.getElementById( 'kerning' );
element.innerHTML = element.innerHTML.kerning();
</script>
</html>
(「.」줄바꿈
총결산
대응하는 문자가 20가지 정도밖에 안 되니까 좀 그래 보여요.
나는 좀 좋아졌다고 생각한다.
이렇게 할 수 있으면 m () 을 자유롭게 사용하세요m
기사: http://sawapi.hatenablog.com/entry/2014/06/12/193309
Reference
이 문제에 관하여(HTML로 쓸 수 있는 JS를 써봤어요.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/sawapi/items/d748b78a4f81184b7877텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
