社区
Web 开发
帖子详情
canva缩放后获取坐标值的问题..
weixin_42065671
2018-06-14 02:13:43
当我截图页面生成canvas画布后,手动给canvas添加了个transform:scale(0.8),可是这样的话
在画布中操作时会出现鼠标点击的地方和画点的起点不在一起,哪位大牛知道解决方法呀!!!
问题图如下所示:
...全文
1838
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
can
va
s 变形记——移动、旋转、
缩放
、变形
can
va
s 有几个变形形式:移动、旋转、
缩放
、变形。在做变形之前先保存状态是一个良好的习惯。大多数情况下,调用 restore 方法比手动恢复原先的状态要简单得多。又,如果你是在一个循环中做位移但没有保存和恢复 can
va
s 的状态,很可能到最后会发现怎么有些东西不见了,那是因为它很可能已经超出 can
va
s 范围以外了。1、移动 Translate translate用来移动 can
va
s 和它
Can
va
s学习系列二:Can
va
s的坐标系统
上一章内容中我们对can
va
s元素有了一个初步的认识,在接下来的章节中我们会慢慢学习can
va
s中图形的绘制;但是在绘制之前我们先来看看can
va
s中的坐标系统,因为这样我们才能知道绘制的图形放在什么位置。 比如:我们要在can
va
s画布的(100,100)这个位置绘制一个圆 看到这个要求顿时就懵逼了,(100, 100)在什么地方!!! 至于为什么会懵逼呢?是因为我们不知道c...
html5中Can
va
s、绘制线条模糊、常见绘制工具、绘制基本图形、绘制图片、面向对象的方式绘制图形图片、绘制文本、帧动画绘制
Can
va
s容器: can
va
s标签用来定义图像的容器,必须配合脚本来绘制图像,can
va
s也运用于游戏开发。注意:can
va
s绘制图时会出现线条模糊情况,这是因为显示屏像素和can
va
s中定义的一个点不完全重合(相差0.5)导致,若要解决这个
问题
,就要计算can
va
s中0.5的
坐标值
。 创建画布: 注意:一个页面可以创建多个can
va
s画布,每个画布建议给一个id属性方便配合脚本。 <can
va
s id='can
va
sBox' width='200' height='200'></can
图形系统开发实战课程:进阶篇(上)——5.图形交互操作:平移和
缩放
在二维图形系统中,图形的
缩放
和平移是最基本的图形交互功能。
Can
va
s 基本绘图方法总结
一.基本内容 1.简单来说,HTML5提供的新元素<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,090
社区成员
341,731
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章