JSで絵画機能を自由に複製できるようにしたいです。
現在ajaxからテンプレートHTMLを読み込んで絵画のHTMLが存在していれば(canvasのタグがあれば)お絵かきができるようにしたいです。
javascript
1$(document).on("change", "[id=templates_number]", function(){ 2 略 3 $.post("templates.php", { 4 data : template_data, 5 略 6 }, function(data) { 7 //dataにhtmlを入れて読み込んでいる 8 略 9 //タグがcanvasならcanvasのセッティング 10 canvas = document.getElementById("canvasタグのid"); 11 ctx = canvas.getContext('2d'); 12 undoImages = []; 13 pointer = -1; 14 canvas.addEventListener('mousemove', draw_canvas); 15 略 16 }); 17});
かなりコードを省略して申し訳ないです。フォームのデータ情報をjsonで読み込んでおり、それをループさせてタグのタイプがcanvasだったらそのキャンバスの設定をしたいです。
現在このような形になっています。恐らくこのままだと複数の設定ができないと思います。また、EventListenerはループの中で設定できるのか怪しいです。
JSの経験がまだ浅いので皆様の助言をお待ちしております
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/26 01:24
2018/08/26 04:34
2018/08/26 04:48