社区
Web 开发
帖子详情
canva缩放后获取坐标值的问题..
weixin_42065671
2018-06-14 02:13:43
当我截图页面生成canvas画布后,手动给canvas添加了个transform:scale(0.8),可是这样的话
在画布中操作时会出现鼠标点击的地方和画点的起点不在一起,哪位大牛知道解决方法呀!!!
问题图如下所示:
...全文
1841
3
打赏
收藏
canva缩放后获取坐标值的问题..
当我截图页面生成canvas画布后,手动给canvas添加了个transform:scale(0.8),可是这样的话 在画布中操作时会出现鼠标点击的地方和画点的起点不在一起,哪位大牛知道解决方法呀!!! 问题图如下所示:
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
GMM0069
2018-10-19
打赏
举报
回复
canvas.getPointer(event.e) 亲测,很好用
weixin_42065671
2018-06-15
打赏
举报
回复
千里寻大牛解决啊!!!!
stacksoverflow
2018-06-14
打赏
举报
回复
不了解你的东东,看看能不能帮助你 https://blog.csdn.net/u012426959/article/details/78859601 https://www.w3cplus.com/canvas/transformation-coordinates.html https://blog.csdn.net/cquwentao/article/details/51363719
图形系统开发实战课程:进阶篇(上)——5.图形交互操作:平移和
缩放
在二维图形系统中,图形的
缩放
和平移是最基本的图形交互功能。
can
va
s 变形记——移动、旋转、
缩放
、变形
can
va
s 有几个变形形式:移动、旋转、
缩放
、变形。在做变形之前先保存状态是一个良好的习惯。大多数情况下,调用 restore 方法比手动恢复原先的状态要简单得多。又,如果你是在一个循环中做位移但没有保存和恢复 ...
Can
va
s学习系列二:Can
va
s的坐标系统
x: (x - can
va
sBox.left)*(can
va
s.width/can
va
sBox.width), //对can
va
s元素大小与绘图表面大小不一致时进行
缩放
y: (y - can
va
sBox.top)*(can
va
s.height/can
va
sBox.height) } } 转换方法2:利用 ...
html5中Can
va
s、绘制线条模糊、常见绘制工具、绘制基本图形、绘制图片、面向对象的方式绘制图形图片、绘制文本、帧动画绘制
注意:can
va
s绘制图时会出现线条模糊情况,这是因为显示屏像素和can
va
s中定义的一个点不完全重合(相差0.5)导致,若要解决这个
问题
,就要计算can
va
s中0.5的
坐标值
。 创建画布: 注意:一个页面可以创建多个can
va
s...
Can
va
s 基本绘图方法总结
2.Can
va
s在HTML页面提供画布的功能,在画布中绘制各种图形 3.Can
va
s绘制的图形与HTML页面无关,无法通过DOM
获取
绘制的图形,无法为绘制的图形绑定DOM事件 4.只能使用Can
va
s提供的API 5.Can
va
s的用途 在HTML页面...
Web 开发
81,094
社区成员
341,711
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章