wannabe-jellyfish
https://blog.hatena.ne.jp/wannabe-jellyfish/
くらげになりたい。
https://memory-lovers.blog/
SVG
Nuxt.js
javascript
TypeScript
OGP
SVGでOGP画像を作りたいなと思い、いろいろ調べたときの備忘録。 SVGはまるのも多いけど、いろいろできるので、 SVGからOGP画像をつくるのいいかもしれない。 とりあえず、SVGを書いてみる ちょろっとなるなら、HTMLでベタ書きしてみるのもいい。 動作確認とか楽ちん。 <html> <body> <svg viewbox="0 0 1200 630" width="1200" height="630" style="background-color: lightgray;"> <rect x="550" y="265" width="100" height="100" fill="bl…
190
<iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmemory-lovers.blog%2Fentry%2F2020%2F01%2F24%2F110000" title="SVGでOGP用のPNG画像を生成してみる(折り返し文字、画像埋め込み、PNG化) - くらげになりたい。" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe>
https://cdn.user.blog.st-hatena.com/default_entry_og_image/96414889/1564237897922137
Hatena Blog
https://hatena.blog
2020-01-24 11:00:00
SVGでOGP用のPNG画像を生成してみる(折り返し文字、画像埋め込み、PNG化)
rich
https://memory-lovers.blog/entry/2020/01/24/110000
1.0
100%