Css 如何使用画布创建内部图像

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

        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>

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>

及

@kukkuz抱歉，先生。@kukkuz抱歉，先生。

<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>