technologiesこの広告は、90日以上更新していないブログに表示しています。Webデザインillustratorのスクリプトについて調べていくうちに意外と引っかかりそうな困った点をいくつか見つけました。四角形・楕円形の関数の引数はXY座標の順ではないこれ最初に引っかかりました。PathItemsにはrectangleとellipseという四角形・楕円形を描くメソッドがあるのですが、引数の順番がXYの順ではなくTOP、LEFTになっています。Y座標、X座標の順です。TOPはマイナス値を指定することにも注意してください。要素の位置を取得する各Boundsの違いPathItemsなど要素の位置を取得するプロパティを複数もっているものがいくつかあります。公式リファレンスにはコントロールポイントまで含む、線の太さまで含む、線とコントロールポイントは含まないの3種類というように書かれていましたが、どうやらそれだけではないようです。PathItemsを例に各Boundsの定義の違いについて見てみたいと思います。ControlBounds:コントロールポイントまで含んだ位置を取得VisibleBounds:線の太さを含んだ位置を取得GeometricBounds:線の含まない位置を取得これらの要素にドロップシャドウなどの効果をかけてあげると取得する位置が変わります。ControlBounds:効果を含んだ位置を取得VisibleBounds:効果を含んだ位置を取得GeometricBounds:効果は含まない昔ながらのボタンは画像で作るよというプログラムであればVisibleBoundsをつかって取得すればよいですが、CSSのようにプログラムでドロップシャドウがかけれるシステム用に位置取得するスクリプトを作る場合は、どのBoundsを使うか事前に検証したほうが良いと思います。各Boundsを書き出すスクリプトを作成したのでご活用下さい。各Bounds大きさ確認.jsxまた、Boundsは実は要素の座標を[左上のX、左上のY、右下のX、右下のY]という配列として返すだけですが、その数値を元に計算して幅と高さを求めてあげる必要があります。topの違い座標をいじるようなスクリプトを作成していると、たまに予測不...2015-03-03illustratorでUIデザイン:スクリプトでの座標系スクリプトを作成しているとの座標の計算が上手くいかなかった...2014-10-03illustratorでUIデザイン:属性抽出スクリプト文字のサイズ・色やパスの線の太さ・塗りの色などを抽出してく...2014-09-11illustratorでUIデザイン:スクリプトことはじめAdobeの製品は自分で書いたプログラムを動かすことができ、バッ...2014-09-04illustratorでUIデザイン:ボタン量産スクリプトまたillustrator用のスクリプトを作成してみました。»プロフィールid:two-hatsUIデザイン関連のネタや、個人的なインテリアの趣味など思いついたものを投稿するごった煮なブログです。(2)月別アーカイブはてなブログをはじめよう!two-hatsさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。