canvas标签是html5新增的标签,虽然它是一个标签,但它不是一个容器标签,而是一个画布标签,作用是绘制图形图像,需要通过结合JavaScript才能使用.
提示:如果浏览器提升canvas标签包裹着文本,那就说明当前该浏览器不支持canvas标签,当然也不用慌,有解决方法的。
解决方法就是:换个浏览器嘛。
还有就是canvas设置尺寸跟颜色不是用css,而是用的js。
接下来是效果实现:
首先在body里面放一个canvas标签
然后就开始js代码编写 :
图片的x坐标y坐标需要自行根据需要来调整。
就这样完成啦,是不是很简单!
以下是我所使用的图片,需要自己拿就行了