{"published":"2022-11-02 23:53:19","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/k/kimizuka/20221104/20221104231943.png","author_url":"https://blog.hatena.ne.jp/kimizuka/","blog_url":"https://blog.kimizuka.org/","blog_title":"\u307f\u304b\u3065\u304d\u30d6\u30ed\u30b0\u30fb\u30ab\u30b9\u30bf\u30e0","description":"developer.mozilla.orgtransform-matrix\u3092\u4f7f\u3063\u3066\u3001\u30af\u30ea\u30c3\u30af\u3057\u305f\u7b87\u6240\u3092\u57fa\u6e96\u306b2\u500d\u306b\u62e1\u5927\u3059\u308b\u56db\u89d2\u5f62\u3092\u3064\u304f\u308a\u307e\u3057\u305f\u3002\u3082\u3046\u4e00\u5ea6\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u5143\u306e\u5927\u304d\u3055\u306b\u623b\u308a\u307e\u3059\u3002 DEMO \u30bd\u30fc\u30b9\u30b3\u30fc\u30c9 JavaScript const rect = document.getElementById('rect'); let scale = 1; rect.addEventListener('click', (evt) => { const size = 100; let matrixStyle = '1, 0, 0, 1, 0, 0'; if (scale === 1) { scal\u2026","version":"1.0","height":"190","width":"100%","type":"rich","author_name":"kimizuka","provider_name":"Hatena Blog","provider_url":"https://hatena.blog","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kimizuka.org%2Fentry%2F2022%2F11%2F02%2F235319\" title=\"transform-matrix\u3092\u4f7f\u3063\u3066\u3001\u30af\u30ea\u30c3\u30af\u3057\u305f\u7b87\u6240\u3092\u57fa\u6e96\u306b\u62e1\u5927\u7e2e\u5c0f\u3059\u308b\u56db\u89d2\u5f62\u3092\u3064\u304f\u308b \ud83d\udd0d - \u307f\u304b\u3065\u304d\u30d6\u30ed\u30b0\u30fb\u30ab\u30b9\u30bf\u30e0\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","categories":["JavaScript","CSS"],"url":"https://blog.kimizuka.org/entry/2022/11/02/235319","title":"transform-matrix\u3092\u4f7f\u3063\u3066\u3001\u30af\u30ea\u30c3\u30af\u3057\u305f\u7b87\u6240\u3092\u57fa\u6e96\u306b\u62e1\u5927\u7e2e\u5c0f\u3059\u308b\u56db\u89d2\u5f62\u3092\u3064\u304f\u308b \ud83d\udd0d"}