一般男性顔メーカーに関するメモ
Home -> 2chとかの関連物 -> 一般男性顔メーカー -> [一般男性顔メーカーに関するメモ]
2016/03/07 作成
2016/03/10 追記
概要
色々と思う所があったため覚書をば。
メモ (2016/03/07)
- canvgは座標指定がめんどい。オフセットは元SVG上のピクセル値、幅と高さはキャンバスのピクセル値を用いればいいらしい。
- ラスタイメージを埋め込んだSVGはcanvgで描画できないっぽい(描画時にエラーは出ないが何も描画されなかった)。
- グラデーション・パターンの類もcanvgでは再現されないことが多い。一般男性のネクタイ・ワイシャツがそれ。
- AjaxでどうしてもreadyStateが1しか返ってこない、おかしいぞ、と思って色々試したが、xhrはループ内でvarするとマズイらしい。ループ2周目は別スコープだと思ってたけど違うっぽい。素直に関数を分けるべし。
メモ (2016/03/10)
- 元々タブ切替や部品選択のイベントは
aタグのonclickで処理していた
- →イベント内で
return false;しておけばhref属性値によらず本来は遷移が起こらないはず
- →タブ切替ごとにどこか固定位置に飛ばされるのでは鬱陶しいので遷移しない方が望ましい
- →そのため、
onclickで呼ばれる関数は全てfalseを返すようにした(hrefはページ内に)
- →しかし、何故か
hrefの先に飛ばされてしまう(原因を調べるのは面倒だからやめた)
- →そこで、
onclickを使うのをやめてhrefをJavaScript:～にした
- →これにより、ページの遷移・フォーカスの強制的な移動なしに操作ができるようになった
- →ところが、ハンドラ内の
return false;は残したままにしてしまった
- →その結果、firefoxやIEではタブ切替や部品選択を行った瞬間に「false」とだけ書かれた真っ白の一見して別のページに飛ばされてしまう状態となった(ブラウザがDOMをごっそり上書きしただけで別のURIに飛ぶわけではない…気がする)
- →だがしかし、Chrome派生ブラウザ上ではこのようなコードでも正常に動作してしまう
- つまり、blinkなら正常に動作するがgeckoやtridentでは駄目、prestoやwebkit2は試していないため不明
- →デバッグはChrome派生ブラウザ上のみで行っていたため、このバグに気付くことができなかった
- →雑談スレで言われるまで全く気付かなかった。ID:Hxni.TRkおよびID:Tj3A9/4kとの出会いに感謝。
素材について
- かなりの素材不足。関連するSVGが少なすぎる。素材欲しい。
- 組み込んでほしいSVGを用意してくれれば組み込むのでSVG下さいお願いします
- 素材用SVGを大量に作ったので機会があれば配布するかも。どうしても欲しければjsを読むべし。
- 素材のうち、一般男性・誹謗中傷対策マーク・法律事務所クロスロゴの3つはwikiのものを加工して用いた。
- その他は全てinkscapeでトレスして使える形のものを作成した。
リンク
管理人Twitter: @su_te_ak/◆mmft4k9vgtL6
要望等はTwitterへ
Home -> 2chとかの関連物 -> 一般男性顔メーカー -> [一般男性顔メーカーに関するメモ]
ここ以降は鯖が勝手に付加するやつです