HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制,单行文字

2020-04-21 22:45:54易采站长站整理

<img src="./bg.jpg" id="img" >
<script> var bg={
src:"http://***.jpg",
x:0,
y:0,
width:1563,
height:1180,
borderRadius:0
}

var canvas=new LiCanvas('test')
canvas.addDrawImageTask(bg)
canvas.draw(()=>{
var src=canvas.getImageData()
document.getElementById('img').src=src
}) </script>
</body>
...

github地址: github.com/501351981/l…  

总结

以上所述是小编给大家介绍的HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制,单行文字、多行文字等,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!