もしかして、プログラミング言語のつもりでSVGを直書きする人って稀? あるいは暇人?
A. N. Other(@another@fedibird.com)の投稿
昼間の発言に夜になってから反応することがあります。ご了承ください。
このアカウントによる引用部分以外の発言は、特に断りのない限り、クリエイティブ・コモンズ 表示 4.0 国際 ライセンス (https://creativecommons.org/licenses/by/4.0/legalcode.ja; CC-BY 4.0) に従います。
This account is #searchable_by_all_users on https://Fedibird.com.
もしかして、プログラミング言語のつもりでSVGを直書きする人って稀? あるいは暇人?
「サクッと」と書いちゃったけど、あまりサクッとでもなかった。いちいち要素とか属性を調べながらで、合計で5-6時間くらい使ったから。
<g transform="scale(0.7)">
<text text-anchor="middle">
<textPath href="#m " startOffset="50%" letter-spacing="4.1">SECURE</textPath>
</text>
<text text-anchor="middle" transform="rotate(-120)">
<textPath href="#m " startOffset="50%" letter-spacing="3.3">CONTAIN</textPath>
</text>
<text text-anchor="middle" transform="rotate(-240)">
<textPath href="#m " startOffset="50%" letter-spacing="3.1">PROTECT</textPath>
</text>
</g>
</svg>
<g id="a">
<path d="m-15.8-59.6h31.7l3.07 11.4,.944.391
c19.4 8.03 32 26.9 32 47.9,0 2.26-.149 4.53-.445 6.77
l-.133 1.01,8.37 8.37,-15.8 27.4"
fill="none" stroke="#000" stroke-width="4"/>
<path d="m-3-40.9v24h-5.08l8.08 14 8.08-14h-5.08l-.000265-24h-5.99"/>
</g>
<use transform="rotate(120)" href="#a "/>
<use transform="rotate(240)" href="#a "/>
<defs>
<path id="m" d="M -25.8819 -96.5926 A 100 100 0 0 0 -96.5926 25.8819"/>
</defs>
<style>
<![CDATA[text{font:bold 22px Verdana, Helvetica, Arial, sans-serif;}]]>
</style>
<!-- SCP Foundation Emblem with Motto by @ another @ fedibird.com on 2024-01-03.
Modified from https://upload.wikimedia.org/wikipedia/commons/e/ec/SCP_Foundation_(emblem).svg
and verified on Google Chrome 120.0.6999.130 and Inkscape 1.3.2 -->
<svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="-80 -80 160 160" width="512" height="512">
<rect x="-80" y="-80" width="160" height="160" fill="#fff "/>
<circle r="33" fill="none" stroke="#000" stroke-width="6"/>
SCP財団のマークの周囲に標語が配されているとかっこいいと思ったけど、見つからなかったので https://upload.wikimedia.org/wikipedia/commons/e/ec/SCP_Foundation_(emblem).svg を改造して自分で作った。SVGを習得するとこういうことがサクッとできるから良い。
以下にスレッドでSVGのソースを示す。まだ初心者なのでtext-anchorやstartOffsetの重複を解消できなかった。あと本当は(@anotherとしての)GitHubアカウントを作ってそこに置くべき。
あとこれ関係で「江戸川酔歩」というハンドルネームを思いついたので勝手に使っていいです。
このアカウントは、notestockで公開設定になっていません。
マストドンの使い方として「○○中学/高校/etc.の同窓会サーバーです!」みたいなのはアリだと思うんだけど、全然見ない。そういうのはFacebookでやれってことか? それともどこも鎖国運用なのか?
将来はどうなるか分からないけど、ここは今のところ、お金を儲けようとしてインターネットをしているわけではない人たちの居場所。オイゲンさんもそのつもりで開発してると勝手に思ってる。
ネタ記事の案: 江戸川乱歩
江戸川区でランダムウォークをする。例えば江戸川区役所前からスタートして、1ブロックごとにランダムに方向を変えて進むことを繰り返し、そのルートを地図上に描く。あるいは、一定ステップ数の試行をたくさん繰り返し、到達地点を地図にプロットする。人間が実地に歩くもよし、地図データとプログラミングでやるもよし。
.svg)
