日別アーカイブ: 2019-12-08

重ね書きの一例

透かし文字

文書に至急極秘複製を禁ずなどの文字を文書に重ね書きして注意を喚起する方法があります。

古いWORDではあらかじめ用意した文字を重ね書きしていましたが今では自由に文字列を指定できるようになっているようです。

HTMLはテキストのほか画像や図形の重ね書きが可能です。そのうえ、透過率のopacityにより多彩な表現ができます。

ここでは書類の絵文字(📄)をPDFの説明文に重ね書きしています。

HTMLはフリーで使えるほか、より良い品質を目指してグローバルな協議会にて管理されています。

RESULT

📄

PDFは、「Portable Document Format」の略で、データを実際に紙に印刷したときの状態を、そのまま保存することができるファイル形式です。パソコンやスマホなどのデバイス、Windows、iOS、Linux、Unix、AndroidなどのOSの垣根を超えて見ることができる「電子的な紙」です。

 

サンプルコード

<style type="text/css">
.radius_test {
    margin-top: -360px;         /* 重ね書きの位置 */
    width: 360px;               /* 幅指定 */
    height: 360px;              /* 高さ指定 */
    border: solid 2px green;	/* 枠線指定 */
    background-color: #fdede4;	/* 背景色指定 */
    border-radius: 10px;        /* 角丸指定 */
    font-size:24px;
    color:navy;
}
</style>
<div style="width:360px; height:360px; font-size:192px; color:yellow; border:0px red solid;"><p style="padding-left:70px; padding-top:50px; opacity:0.6;">&#x1F4C4;</p></div>
<div class="radius_test">
<span style="color:deeppink; font-weight:bold;">PDF</span>は、「Portable Document Format」の略で、データを実際に紙に印刷したときの状態を、そのまま保存することができるファイル形式です。パソコンやスマホなどのデバイス、Windows、iOS、Linux、Unix、AndroidなどのOSの垣根を超えて見ることができる「電子的な紙」です。
</div>