備忘録などいろいろ

イロイロ! 比較的Twitterの延長のノリで書くと思います。

2017-03-17から1日間の記事一覧

svgを使って、html要素をmask / clipする

<style> .clipping-target { width: 100%; height: 100%; mask: url(./mask.svg) no-repeat 50% 50%; } </style> <div class="clipping-target"> Yo! </div>などと, maskしたり, clip-path css propertyでclipさせたりできるのだが、 IE 11では動かない! 別の手段を使いましょう。 svgでsvgの要素をclipするの…

ES6 (ES2015) のMapクラスに関しての注意点

new Map(); てな感じでマップ使える。 new Map([ [1, "value"], ["2", "valval"], [3, "hogehoge"] ]); みたいな形での初期化はIE11では使えない。 Chrome, Firefox, Safariでは使えるが、互換性を考えると封じておいたほうが良い。