青いやつの進捗日記。

メモとしてべんきょうのしんちょくをかいていきます。あとで自分が検索しやすいもん

svg

よく考えたらsvgに色つける際にもうfillじゃなくていい

svgを色変えたりしたい場合、imgタグの読み込みではfill設定できないのでsvgをコードで埋め込んでfillの値を変えて色を変える…とかやってきたけど、いまはIEを気にしないでよいのであればimgタグで読み込んだ上でmask-imageでできるじゃん、というツイートを…

svg画像をimportしてレンダリングしてると、svg画像の同じ名前のファイルを差し替えた場合に .next/cache を一回消さないとキャッシュが残っちゃってローカル開発時に差し替わらない

blog.makotoishida.com svg画像をimportしてレンダリングしてると、svg画像の同じ名前のファイルを差し替えた場合に .next/cache を一回消さないとキャッシュが残っちゃってローカル開発時に差し替わらない。 ので、自分で.next/cacheを自分で消すとローカル…

objectのdata属性で読み込んだsvgにCSSやJSをあてる

objectのdata属性で読み込んだsvgの中にあるaタグに対してJSやCSSをあてたい。 qiita.com 別documentになるので、普通にJSやCSSはあたらない。上記Qiitaにあるようにobjectをとってきてその.contentDocumentをとり、そこに対してJSを当てる必要がある。 cons…

SVGをgulpのimageminのsvgoで画像圧縮かけると、デフォルトの設定のままだとviewboxの記述が消える、結果、IEでの挙動がおかしくなる…!

qiita.com codeday.me どうやらgulpのtaskの画像圧縮するタスクのgulp-imageminでsvgoでSVGを圧縮する際に、viewboxの記述を消してしまうそうで、そうするとIEで挙動がおかしくなる模様。 qiita.com のように、 imagemin.svgo({ plugins: [ // viewBox属性を…