| 幅 (W): | 400px | |
| 高 (H): | 400px | |
| 背景: | ||
| グリッド設定 | ||
| グリッド間隔(%): | 10% | |
| グリッド色: | 選択中の色: #000000 | |
| 図形の透明度(%): | 60% | |
| ハンドルの大きさ: | 12px | |
|
||
クリップパス/SVGのデーターを作成する。(copilotにより作成)
①頂点を増やすには、辺の少し外側をクリックする。
②頂点をダブルクリックすると削除される。
③図形の移動は、siftキー+矢印キーで10%ずつ、矢印キーのみで1%ずつ移動
④siftキー+矢印キーで垂直方向、水平方向に固定移動
⑤undoは、Ctrl + Zで、1回戻れる。
得られるデーターは、%単位ですので、図形の拡大・縮小でも形が崩れません。
クリップパスをsvgに変換
<svg xmlns="http://w3.org" viewBox="0 0 100 100">
<!-- pointsはそのまま、polylineに変えてstroke（線の色）とwidth（太さ）を指定 -->
<polyline points="0.0,0.0 0.0,30.0 77.0,30.0" fill="none" stroke="black" stroke-width="2" />
</svg>
0 件のコメント:
コメントを投稿