[B! React][SVG] kikiki-kikiのブックマーク

kikiki-kiki id:kikiki-kiki

ReactとSVGに関するkikiki-kikiのブックマーク (3)

How to use SVGs in React - LogRocket Blog
LogRocket’s Galileo AI watches every session, surfacing impactful user struggle and key behavior patterns. Editor’s note: This article was last updated by Miracle Jude on 4 March 2024 to cover passing SVGs as props in React with TypeScript, converting SVGs to React components, and creating and using React SVG icons. SVG, or Scala ble Vector Graphics, is a vector graphics image format based on XML.
kikiki-kiki 2020/04/09
How to use inline-svg in Rect. By using a webpack loader.

react

SVG

webpack
リンク
Consider importing SVGs as React components · Issue #1388 · facebook/create-react-app
kikiki-kiki 2020/04/09
create-react-app したプロジェクトで inline-svg. import { ReactComponent as SVGImage } from './image.svg'; <SVGImage />;

react

SVG
リンク
文字レイヤーを支える技術 - pixiv inside
こんにちは、型と複雑GUIが大好きな @f_subal です。普段は pixivFACTORY というサービスでフロントエンドをやっています。さて、早速スクショでお見せしていますが、今年の3月に pixivFACTORY のグッズ編集画面はリニューアルしました。すでにこちらの記事でも紹介がありましたが、新しい画面では、画像のみならず文字を使ったデザインができるようになっています。フォントワークスおよび MonoType の書体が 100 スタイル分利用可能です。文字だけでの制作も可能ですので是非ご利用ください。 https://factory.pixiv.net/it em_groups/new 今回は、このテキスト入力機能のフロントエンド実装、特に React と SVG でいかに文字レイヤーを表現するかについてご紹介したいと思います。 SVG にとって文字レイヤーとは何
kikiki-kiki 2019/09/06
react

SVG
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx