canvas画路径坐标确定

最新推荐文章于 2024-08-14 07:29:53 发布

注定孤独一身

最新推荐文章于 2024-08-14 07:29:53 发布

阅读量1.5k

点赞数

分类专栏： html5

本文链接：https://blog.csdn.net/zhanglijunvip/article/details/17720299

版权

博客探讨了在canvas上由于坐标系统差异导致鼠标指针坐标与画布坐标不一致的问题。为了解决这一问题，作者建议通过绘制网格辅助确定准确的画图坐标。文章包含具体的解决代码。

摘要由CSDN通过智能技术生成

canvas上的坐标和鼠标指针的坐标是不一致的，通过鼠标指针获取坐标描点是对的。

解决方法可以通过画格子对坐标进行确定

代码：

// $(document).ready(function(){
//     var canvas = $('#firstfloor')[0];
//     var canvasCxt = canvas.getContext("2d");
//     var img = new Image();
//     img.src = "res/firstfloor.jpg";

//     console.log('screen-->' + screen.width + ':' + screen.height);
//     console.log('canvas-->' + canvas.width + ':' + canvas.height);
//     console.log('img-->' + img.width + ':' + img.height);

//     canvas.width = screen.width - 20;
//     canvas.height = screen.height - 30;

//     console.log('canvas-->' + canvas.width + ':' + canvas.height);

//     if (img.width >= img.height) {