Canvas绘图:绘制等比缩放的图片+文字标签

    以下代码用于实现:在canvas画布上绘制图片+文字标签、文字标签(文字动态水平居中),并且可以通过所提供方法的scale参数,实现canvas画布的等比缩放,且保证最终canvas的布局不发生混乱。

实现效果

Canvas绘图:绘制等比缩放的图片+文字标签_第1张图片

测试代码

 function drawImageWithLabel(path = "./jk.png", text = "测试点") {
   
    const image = new Image

你可能感兴趣的:(WebGIS,javascript,前端,html,canvas,绘图)