タグ

2019年6月13日のブックマーク (2件)

  • シンプル・爆速・超便利な無料SVGエディター「Boxy SVG」って知ってる?

    Microsoft Wordで「Webページとして保存」したHTMLを使ったことがありますか? おっと、これはひどい。 考え方は素晴らしかったですが、実際に初めて使ったとき思わずコーヒーを口から吹き出してしまった人もいるかもしれません。常に複雑で長ったらしく、Web向けとしてはとても満足できる品質ではありませんでした。大して珍しいことでもないですが…。 正直なところ、MS Wordのユーザーは、おそらく何がベストなのかを特に意識していないでしょう。むしろ、考えているのは次のようなことではないでしょうか。 ページのロード回数は? Web画像のフォーマットは? セマンティックWebやSEOへの対応は? スクリーンサイズ調整は(柔軟なデザインか)? 対応フォントは? 後から考え直して修正する無駄が多い混乱したHTMLは驚くべきこと、というのは明白ですね。 SVGは新たな「Webページとして保存」

    シンプル・爆速・超便利な無料SVGエディター「Boxy SVG」って知ってる?
    murokaco
    murokaco 2019/06/13
  • svgのpreserveAspectRatio属性の動作検証

    svgで画像を読み込む際,画像のリサイズ方法を指定するためにpreserveAspectRatio属性が定められています. これはラスタ画像を読み込む分には単純なのですが,いざ外部のsvg画像を読み込むとなると非常にややこしいことになります.ですので,それらを整理するための検証コードを記述して見ました. preserveAspectRatio属性とは svgから外部の画像を読み込む場合,image要素を用います.この時image要素が定める描画領域のサイズと読み込む画像のサイズとの間に差があった場合,何らかの方法で画像の引き伸ばし処理が必要となります.この引き伸ばし方法を指定するものがpreserveAspectRatio属性です. 引き伸ばし方には概ね3つの方法があり,これらと画像を拡大するための基準を表す値「xMinYMin〜xMaxYMax」とを組み合わせることで引き伸ばし処理を定義

    svgのpreserveAspectRatio属性の動作検証
    murokaco
    murokaco 2019/06/13