jayroe 2017-02-10 09:21 采纳率: 0%
浏览 1497

请教：为什么我创建的canvas元素，都消失了？

<body>
    <form>
        <select>
            <option value="2">简单</option>
            <option value="3">困难</option>
        </select>
        <button id="starBtn">开始</button>
    </form>

    <section>

        <canvas class="canvasSection" width="600" height="600" id="canvas1"></canvas>


        <!--相册-->
        <section id="album" class="canvasSection">

        </section>
        <section class="clear"></section>
        <img src="imgs/example.jpg" hidden="hidden" />
    </section>

</body>
<script>
var album ;//小canvas容器
var imageObj ;// 要绘画的图片
var canvas;//小canvas对象 

window.onload= function(){
var btn = document.getElementById("starBtn");//btn为我的一个按钮

btn.onclick = function(){
            for(var i =0;i<n;i++)
                for(var j=0;j<n;j++)
                {

                        canvas = document.createElement("canvas");
                        canvas.width = 300;
                        canvas.height=  300;
                        album.appendChild(canvas);

            }
        };


};
</script>
  • 写回答

1条回答 默认 最新

  • 当作看不见 2017-02-10 10:00
    关注

    这个思路有些问题，应该是在canvas上面绘制图形，而不是操作dom ,生成N多的html的dom结构，那应该是svg应该干的活，既然使用了canvas，就需要懂得扬长避短。canvas是在像素级的绘制，多层次渲染的优势，所以你应该就是在canvas上绘制图形

    评论

报告相同问题？

悬赏问题

  • ¥15 luckysheet
  • ¥25 关于##爬虫##的问题，如何解决?:
  • ¥15 ZABBIX6.0L连接数据库报错，如何解决？(操作系统-centos)
  • ¥15 找一位技术过硬的游戏pj程序员
  • ¥15 matlab生成电测深三层曲线模型代码
  • ¥50 随机森林与房贷信用风险模型
  • ¥50 buildozer打包kivy app失败
  • ¥30 在vs2022里运行python代码
  • ¥15 不同尺寸货物如何寻找合适的包装箱型谱
  • ¥15 求解 yolo算法问题