前提・実現したいこと
お世話になっております。
現在、入力フォームから入力した内容を画像に記入するという処理を行っています。
(イメージとしては、年賀状の郵便番号欄に入力するような感じです。)
発生している問題
入力された文字列を画像内の規定の位置に、文字間を空けて配置したいです。
郵便番号であれば□□□ー□□□□と入力欄がありますので、
1~3文字目は等間隔、3~4間は広い間隔、5~8文字目は等間隔
・・・といった具合に、位置を調整したいです。
現状下記のように書いていますが、あまりにもスマートでないため、
もう少しスマートに書ける方法があれば教えて頂きたいです。
(項目が多いため、見やすくしたいというのもあります)
該当のソースコード
以下、郵便番号の際のソースコードです。
javascript
1var post= "郵便番号".split(''); 2var post_cnt = post.length; 3 4// 縦横の初期Px値 5x = 260 , y = 665; 6for(var i = 0 ; i < post_cnt ; i++){ 7 doc.fontSize(54).text(post[i], x, y); 8 if( i == 3){ 9 x = x + 60; 10 } else { 11 x = x + 55; 12 } 13}
以上、何とぞ宜しくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。