如何使用画布响应内部图像

Question

根据我的项目要求，我必须使这个画布响应。

        Canvas code:        

<div style="width:100%; height:auto; clear: both; position: relative; left: 7%">
                        <canvas id="wheelcanvas" width=440%; height=450%; 
                            style="z-index: 1;width:100%; "></canvas>
                        <div id="singlechance"  
                            style=" width: 100%; height: 80%;  background: transparent url('images/123.png') no-repeat center; z-index: 4; position: absolute; top: 7%; left: -2.1%">
                            </div>

                    <div id="single"
                            style="width: 100%; height: 80%; background: transparent url('images/arrow3.png') no-repeat center; z-index: 4; position: absolute; top: -37%; left: -3.0%">
                            </div>


                    </div>

如何做出回应

<div id="singlechance"  
                                style=" width: 100%; height: 80%;  background: transparent url('images/123.png') no-repeat center; z-index: 4; position: absolute; top: 7%; left: -2.1%">
                                </div>

和

<div id="single"
                                style="width: 100%; height: 80%; background: transparent url('images/arrow3.png') no-repeat center; z-index: 4; position: absolute; top: -37%; left: -3.0%">
                                </div>