Javascript 单击以使用图像填充画布背景？_Javascript_Css_Ajax_Html5 Canvas

Javascript 单击以使用图像填充画布背景？

javascript css ajax html5-canvas

Javascript 单击以使用图像填充画布背景？,javascript,css,ajax,html5-canvas,Javascript,Css,Ajax,Html5 Canvas,我想创建一个按钮，当点击一个静态图像显示为html画布元素背景我该怎么做呢不确定样式表切换器的方向是否正确？也许有一个更智能的解决方案？如果您只想显示图像，那么您最好使用img标签： <script> function() setImage() { document.geTElementById("myImage").src = "myImage.jpg"; } </script> <input type="button" val

我想创建一个按钮，当点击一个静态图像显示为html画布元素背景

我该怎么做呢

不确定样式表切换器的方向是否正确？也许有一个更智能的解决方案？

如果您只想显示图像，那么您最好使用img标签：

<script>
    function() setImage() {
        document.geTElementById("myImage").src = "myImage.jpg";
    }
</script>
<input type="button" value="Set Image" onclick="setImage()"/>
<img id="myImage"/>


函数（）setImage（）{
document.geTElementById（“myImage”）.src=“myImage.jpg”；
}

确保myImage.jpg实际上指向了您的图像。

如果您只想显示图像，那么最好使用img标记：

<script>
    function() setImage() {
        document.geTElementById("myImage").src = "myImage.jpg";
    }
</script>
<input type="button" value="Set Image" onclick="setImage()"/>
<img id="myImage"/>


函数（）setImage（）{
document.geTElementById（“myImage”）.src=“myImage.jpg”；
}

确保myImage.jpg实际上指向了你的图像。

试试这个

<html>
<head>
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
       $('#btnSet').click(function(){
           $('#canvas').css("background","url('plant1.jpg')");
        });
    });
</script>
</head>
<body>
<canvas id="canvas" width="500" height="200">

</canvas>
<br/>
<button id="btnSet">Set Canvas BG</button>
</body>
</html>


$（文档）.ready（函数（）{
$（'#btnSet'）。单击（函数（）{
$（'#canvas'）.css（“背景”，“url（'plant1.jpg'）”）；
});
});


设置画布背景

试试这个

<html>
<head>
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
       $('#btnSet').click(function(){
           $('#canvas').css("background","url('plant1.jpg')");
        });
    });
</script>
</head>
<body>
<canvas id="canvas" width="500" height="200">

</canvas>
<br/>
<button id="btnSet">Set Canvas BG</button>
</body>
</html>


$（文档）.ready（函数（）{
$（'#btnSet'）。单击（函数（）{
$（'#canvas'）.css（“背景”，“url（'plant1.jpg'）”）；
});
});


设置画布背景