タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

CSS Paint APIに関するakira_maruのブックマーク (1)

  • どんな背景でも自由に描ける! CSS Paint APIの使い方 - ICS MEDIA

    最近のChromeにはCSSの新機能が次々と搭載されています。2017年にはCSS Grid Layoutなどインパクトの大きい新機能が話題になりましたが、他にも有用な新機能があることをご存じでしょうか? この記事では、CSS Paint APIを紹介します。 CSS Paint APIはグラフィックを描く機能 CSS Paint APIは自由にグラフィックを描ける仕様です。HTML Canvasのようなものを要素の背景画像(background-imageやborder-image)として設定できます。JavaScriptを使って自由にグラフィックを描けるため、従来のCSSで再現の難しかった表現が実現可能になります。 たとえば、次のようなビジュアルを考えてみましょう。四隅の形状が欠けたような表現となっています。従来のCSSではdivタグを複雑に組む必要がありました。 サンプルを別ウインド

    どんな背景でも自由に描ける! CSS Paint APIの使い方 - ICS MEDIA
  • 1