エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
SVGアニメーション、回転の中心を指定する。
中心の座標を得る。 先づは中心点の座標を取得しないとはじまりません。その方法ですが、書き出したコー... 中心の座標を得る。 先づは中心点の座標を取得しないとはじまりません。その方法ですが、書き出したコード上ではなく、ベクターソフト(イラレやVectornator)の段階で「仕込み」を行います。 ベクターソフトでSVG画像を開きます。 ここではAdobe Illustratorを使いました。 円をテキトーに描き、回転の基準にしたい場所に中心を合わせて配置します。 今回の例では風車をその場で回転させる、ということなので、双方の中心同士を揃えます。ベクターソフトでスマートガイドを使えば、簡単にできますね ♬ 円を追加した状態で、あらためてSVGとして書き出し。 ファイルをコードエディタで開き、追加した円の描画タグを見つけます。 特別なことをしていなければ、1番下に追加されているはずです。