ふつーのドラッグ出来たりリサイズ出来たりする付箋。 SVGで作る必要があったのかは謎。 DEMO コードはこちら。 github.com ポイント SVGで複数行のテキストを表示するには、foreignObject + divを使うのが定番らしい。 ただしその場合、IE11は見捨てなければならない。 cacooなんかもIEは非対応にしている。 エディタに関してはSVG外でやっている。cacooをみると、absoluteでiframeとcontenteditableを乗っけている。 iframeを介す理由は謎だけど、IE対応のためかも?という話を教えてもらった 今回はプレーンテキストでいいので、textareaをabsoluteで単に乗っける形とした。 詰まったとこ 下記のエラーが出てしまう。computedにしたselectedItemが、参照するときに関数として取れてきてしまう。 (30
![Vue.js + SVG練習8 : 付箋を作った&vuexに入門した - No Regrets in Bathing](https://cdn-ak-scissors.b.st-hatena.com/image/square/6676b13dd95a95c17cafaadc794554a8dd5ad03c/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhashrock%2F20171120%2F20171120010012.gif)