cssに関する質問です。cssに関する質問です。コンピュータウェブ制作cssに関する質問です。rotateした画像(imgタグ、pngファイル)をiphoneシュミレータで表示すると、画像の縁のところがギザギザになってしまいます(PCのchromeなら大丈夫です)。この問題の具体的な解決方法をご教授ください。実装は、html,css,jsならなんでも大丈夫です。}#先生を募集しています。詳細はコメント欄をご参照ください。05:34:0075ptビットマップでジャギーがでるのは仕方がないのでcanvasやsvgに変えるとか。iphoneシミレータでギザギザでも実機で問題なかったら別に困らないと思うのですが。)を行う際に避けて通れないのが、「画像補間法」である。上の黄と青の図形を左に回転させることを考えます。このような回転処理を施した画像を生成するには、回転後の画像のある画素が回転前のどの画素に対応しているかを、全画素について計算すればよいのです。上の説明図で、回転画像の点Aは原画上の点A'から、点Bは原画上の点B'から、点Cは原画上の点C'から、その濃度値を取得すれば良い。ところで、点A'のように原画の画素のほぼ中心にくる場合は選択の余地はないが、点B'のように青画素と背景(白)画素との中間にくる場合や、点C'のように4つの画素の中間にくる場合は、どの画素の濃度値を取得すればよいか迷ってしまいます。対応点の濃度値の取得方法として、以下の3つの手法が知られている。一般的に、回転後の画像のある画素に対応する、回転前の画像の画素の座標は、整数値を取らず実数値を取る。よって最近傍の画素を選択し、この濃度値を回転後の画像の対応画素に描き込む方法が、ニアレストネイバー法である。±0.5画素未満の量子化誤差(実数を整数とみなしたことによる)を伴うため、エッジにはジャギー(ギザギザ)が発生してしまう。interpolation)ニアレストネイバー法では最近傍の画素を選択したが、バイリニア法では周囲の4つの画素の濃度値から、その座標(実数値)に応じて線形の濃度補間(X,Y共に)を行う。convolution)バイリニア法よりも高精度で補間を行うために、周囲の16個の画素の濃度値から、3次関数を用いて補間する。(X,Y共に)補間に用いる式はsin(πx)/πxで、理論(サンプリング定理)的には最も完全な濃度補間式である。これをテイラー展開で3次の項で近似し、補間式として用いる。結果的に、「ぷりっぷりのおしり」さんは、3の「バイキュービック法」が向いています。回答ありがとうございます。難しそうですが、試してみます。12:18:1675ptペッタンさんが解説されている画素補完のアルゴリズムは、画像を編集する際に元々存在しなかった点の色を、周辺の点の色からどうやって補完するか、といったアルゴリズムです。ブラウザが画像を回転させる時、ブラウザ内ではまさにこの画素補完が行われている事になりますが、ブラウザがどういったアルゴリズムを採用するかによって、その見た目の美しさに差が出ます。「画素補完のアルゴリズムに何を使うか」といった事は指定出来ず、ブラウザ側の裁量に任されています。使うブラウザによって見た目が異なるのはこのためです。一般に、美しく見える画素補完ほど計算量が多いので、表示速度を優先させるため、従来のブラウザでは美しくないアルゴリズムが採用される事が多くありました。パフォーマンス向上に合わせて、美しいアルゴリズムを採用する風潮に変わりましたが、ご利用になっているシミュレータはそのようにはなっていないという事です。画像を回転させている限りは、今後のブラウザのバージョンアップなどによって不意に綺麗になったりする事もあり得るという事になります。指定によって全てのブラウザで同様の見た目を保証する事は不可能です。画像を回転させる事を諦めるしかありません。画像を取り込んで回転させる、という方法でも画像を回転させる事が出来ます。実際に試してみないと分かりませんが、この方法だと回転画像が綺麗に表示される可能性はあります。いずれの方法も、画像を回転させる際の画素補完アルゴリズムはブラウザに任されているため、たまたまその方法で綺麗だったに過ぎず、ブラウザごとに差異がある状況は解消されません。簡単で確実に綺麗に見せる方法は、本末転倒かも知れませんが、画像編集ソフトを用いて回転済みの画像をあらかじめ用意してしまう事です。この場合は、画素補完のアルゴリズムを選択して編集する事も可能でしょう。回転させる今の実装のままとして、ブラウザによって綺麗に表示されない事があるのは諦めて、将来のバージョンアップに期待する、というものです。制作の考え方に近いものになります。05:34:00ここでベストアンサー75ptビットマップでジャギーがでるのは仕方がないのでcanvasやsvgに変えるとか。iphoneシミレータでギザギザでも実機で問題なかったら別に困らないと思うのですが。21:10:4775ptシュミレーター自身の問題かと思います。21:10:39プログラミングの先生を募集しています先生達(現在7名):http://twitter.com/#!/puriketu99/prk2master下記に関する私の人力検索上の質問をTwitterのリプライで通知しようと思っています。通知されることに差し支えがなければ、リプライをください。http://twitter.com/#!/puriketu99得意分野や何か一言ありましたら、書き添えてご連絡頂けると幸いです。09:16:04コメントありがとうございます。18:13:42どうでしたか?うまく行かない場合は、もう一度詳しく調べて来ますよ^。(0)@${screen_name}${name}${text}Twitterでのつぶやきはまだありません「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。これ以上回答リクエストを送信することはできません。はてなココの「ともだち」を表示します。回答リクエストを送信したユーザーはいませんすでに登録されている方はこちらからログインツイートするウォッチリスト1人が登録していますこの質問に含まれるキーワードCSS1671chrome464iPhone1935WebKit18PNG321ミレー21HTML4877js719関連質問meesyaHTMLに関しての質問です。tdタグにjavascriptをつけ、イベントをonclickとonmouseover、onmouseoutで取得しています。...532006/11/08100pturawaredsPHPで変数を分割する方法を教えてください。『<body>タグ』を区切りとして前後2つに分割する方法を求めています。...12007/10/1079ptmuggy0812IE8のみ外部CSSで指定した、backgroundで指定した背景が表示されません。...3212011/06/07300ptshingersnap膨大な数のファイルがあるWebサイトをsvnもしくはcvsで管理したいと考えております。...312007/09/1380ptmaiCGIファイルを自分で作るための、超初心者向けの解説サイトなどあったら、教えてください。...112001/08/17hajimekフライトシュミレータ98用の機体で旧日本海軍の秋水などがあるサイトを教えてください。}}${price}円{{/if}}知りたいことを検索してみようログインして回答する進んだ先のページで「許可する」ボタンを押してはてなによるアクセスを許可すると、認証が終わります。ご利用にあたりましては、はてな利用規約が適用されます。ご確認いただきご同意の上でご利用ください。