vue 详细了解canvas(1)--展示图片,鼠标在画布上点哪出现字
一、图片引入这里需要注意一下,不然引入不成功二、通过id拿到canvas,通过 getContext(‘2d’)方法获取2D绘制上下文, this.context.drawImage(img,x,y,width,height)方法可以来展示图片, img: 图片 x,y相对于canvas的左上角,其实位置(0,0) wisth:图片的宽 height:图片的高三、鼠标按下的位置出现字,首先我们要拿到鼠标坐标的位置e.offsetX, e.offsetY,鼠标自带的参数可以自己去找。
原创
2020-07-22 16:11:14 ·
2846 阅读 ·
0 评论