Windowsでトリミングされていない画像のSVGバージョンのサイズを変更する方法はありますか?
ここでウィンドウのサイズを変更してみてください。
http://demosthenes.info/blog/532/Convert-Images-To-Black--White-With-CSS
また
http://www.read-design.co.uk/css3-grey-scale-image-filters/
画像のグレースケールバージョンは、ウィンドウが小さい場合のカラーバージョンと同じサイズではないことに注意してください。SVGは小さいウィンドウでトリミングされます。
しかし、JSを使用している人はうまくスケーリングするようです:http: //james.padolsey.com/demos/grayscale/
残念ながら、可能な限り、私はJSを避けようとしており、CSSを使用したより単純なSVGファイルを好みます。
ダイジェストしようとしています: https ://developer.mozilla.org/en/CSS/Scaling_of_SVG_backgrounds
しかし、それは私が必要としているものではありません。
ここで説明するように、画像の2つの状態が必要です。可能であればSVGのみを適切にスケーリングする必要があり ます。HTML/CSSで画像をグレースケールに変換します。
しかし、残念ながら、グレースケールは適切にスケーリングされておらず、トリミングされています。
「vector-effect="non-scaling-stroke」を追加してみましたが、無駄になりました。
誰かがこの問題の解決策を知っていますか?
ありがとう
更新:私は自分の問題にきちんと気づいたと思います。SVGバージョンが小さいということではありませんが、SVGバージョンはサイズ変更時にトリミングされています。上記の質問全体も更新する必要があります。