利用Canvas 的 scale来反转 drawable

最新推荐文章于 2024-02-06 00:45:00 发布
最新推荐文章于 2024-02-06 00:45:00 发布
阅读量841 收藏
点赞数
分类专栏： Android Android Draw 项目经历 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fyfcauc/article/details/43566327
版权
Android 同时被 3 个专栏收录
522 篇文章 1 订阅
订阅专栏
项目经历
134 篇文章 0 订阅
订阅专栏
Android Draw
25 篇文章 0 订阅
订阅专栏

canvas.scale(-1, -1 , px, py) <px, py 是scale的中心>

scale为负值即可实现反转 drawable.

scale的操作其实就是以px/y为中线，对两边的点乘以scale的大小以后，得到的坐标值就是转换以后的位置，那么设为-1，就可以实现镜面反射的效果了，px/y在这里成了镜子的位置（要原位置反转，那么px/y所在位置就应该是drawable的中心）.想不明白的话，算一下坐标(x, y)转换以后的值即可.

matrix应该也可以.
fyfcauc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Canvas 设置图片进行 X 轴或(和) Y 轴的翻转
我所有的向往
04-18 1万+
原由 scale(x, y) translate(x, y) 解决方案 方法一 方法二 总结 原由 在看萧大直播写代码，第10次直播时，遇到一个在 Canvas 内进行图片翻转，里面用到了一块代码，理解起来有点绕，代码如下： this.game.context.save(); let x = this.x + this.width / 2; this.game.co...
Canvas之translate、scale、rotate、skew方法讲解！
热门推荐
GAStudio
05-07 7万+
前面说Canvas大致可以分为三类： 1. save、restore 等与层的保存和回滚相关的方法； 2. scale、rotate、clipXXX 等对画布进行操作的方法； 3. drawXXX 等一系列绘画相关的方法； 前面主要讲了drawBitmap方法，并举了一个星球浮动的栗子，在那个例子中，星球有大有小，需要移动，有时候可能需求上还需要旋转或错切，有了这些需求，我们就需要使用到与Canvas相关的translate、scale、rotate、skew这几个方法，平移、缩放、旋转、错切,这四个词听起
利用HTML5Canvas做在线图像处理
03-02
HTML5中的canvas元素是相当强大的，利用他的getImageData方法可以对载入的图像直接进行位图操作。但是直接对位图进行操作比较麻烦，如果利用卷积矩阵这个工具的话，可以通过几个简单的参数实现复杂的效果。所谓的矩阵的卷积，就是如下图显示的那样，当计算红色框中的数值的时候，分别先提取周围绿框中8个数字，然后与施加的那个矩阵中对应位置相乘，然后把各个乘积加在一起，就得到了最终的值了。比如上图中的42是这么来的:(40*0)+(42*1)+(46*0)+(46*0)+(50*0)+(55*0)+(52*0)+(56*0)+(58*0)=42这就是卷积了。然后，所谓的对图像的卷积操作，就是指
利用canvas来根据鼠标的移动来画矩形
05-29
根据HTML5中的Canvas,同时根据鼠标的移动来画矩形，可以成功运行，刚开始学，不会，折腾了好久，希望对需要的人有帮助。
canvas重置scale设置
gaidandan的专栏
10-29 1798
canvas.width = canvas.width // or canvas.height = canvas.height 当我们重新设置canvas的宽（高也一样）的时候，不仅会清空canvas的画布内容，同时还会把绘图状态重置到最原始的状态，原始状态下画笔的缩放比例是1，缩放比例值会被重置为1，因而导致绘制效果错乱。 ...
Canvas 坐标系变换
q1009020096的博客
11-12 2019
PDF的坐标系原点是在页面的左下角 从左至右为X轴的正方向 从下至上为Y轴的正方向 HTML Canvas 与 OFD的坐标原点是在左上角 从左至右为X轴的正方向 从上至下为Y轴的正方向 为了便于这里介绍如何从左上角坐标通过坐标变换到左下角坐标 这里列出两种变换方式: 方式1 将坐标上下翻转。 平移坐标到页面的左下角位置，也就是负的页面高度。 ctx.scale(1, -1); ctx.translate(0, -height); 方式 2 旋转坐标180° 坐标翻转坐标系。 平移到左
【绘制】HTML5 Canvas坐标变换——坐标系的平移(translate)、缩放(scale)、旋转(rotate)、镜像。（图文、代码）
苏一恒
09-17 4407
我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。 教程介绍、教程目录等能在README里查阅。 传送门：https://github.com/827652549/CanvasStudy 引入 有时候，换种思路是可以简化问题的。 比如，当我们要在画布中心绘制n个几何图形时： 常规思考——我们要计算每个图形的中...
canvas的scales（-1,1）在ios上无法实现左右翻转的解决方法
qq_36742720的博客
01-19 890
canvas的scales（-1,1）无法实现左右翻转,在真机Android和开发工具上都是没问题的，在真机ios上没反应。原因是因为：  在ios端中scale 里不能传负数，传了-1也会当成1 官方至今也未给出相关的支持方式。 该怎么办呢，下面推荐一个在微信开放平台中一位大佬提供的方式： https://developers.weixin.qq.com/s/dp1VOKmY7b3m ...
canvas scale()画布缩放的使用
dayewandou的博客
10-15 4万+
前两天把canvas的translate()和rotate()的方法都介绍了下，今天就来说说scale()scale() 方法缩放当前绘图，更大或更小。 注释：如果您对绘图进行缩放，所有之后的绘图也会被缩放。定位也会被缩放。如果您 scale(2,2)，那么绘图将定位于距离画布左上角两倍远的位置。 scale(x,y) 参数：x：X表示横轴方向上缩放倍数 y：Y表示纵轴方
Android Canvas 缩放（Scale）
The day is another day 的博客
09-08 2万+
Canvas 缩放（Scale）   前言：前几天用到Canvas.scale(flostsx, float sy, float px, float py)函数，研究源码后没有看懂，就去网上找资料，发现关于Canvas.scale(flost sx, float sy, float px, float py)的分析很少。经过一天的研究，在此分享一下个人对此的理解，欢迎与各位交流。
Android中区别Drawable Bitmap Canvas Paint
01-05
很多网友刚刚开始学习Android平台，对于Drawable、Bitmap、Canvas和Paint它们之间的概念不是很清楚，其实它们除了Drawable外早在Sun的J2ME中就已经出现了，但是在Android平台中，Bitmap、Canvas相关的都有所变化。...
vue 实现canvas绘制地图，引用图片，对画布进行原点 滚轮缩放，按键缩放，拖动等功能 把pagex转化为offsetx
weixin_52633842的博客
05-06 3995
vue 实现canvas绘制地图，引用图片，对画布进行原点 滚轮缩放，按键缩放，拖动等功能
canvas如何实现方法缩小
weixin_72689772的博客
10-12 67
canvas如何放大和缩小
canvas缩放坐标系（scale)
最新发布
大剑师兰特的GIS世界
02-06 924
canvas使用scale()来缩放坐标系。它只是影响坐标系，之后的绘制会受此方法影响，但之前已经绘制好的效果不会有任何变化。此缩放支持负数，也支持小数。
Canvas 缩放(scale())
houyanhua1的专栏
04-15 2385
demo.html：&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; canvas {
android-canvas(一) scale(缩放)的使用
zhjin8510的专栏
09-04 4383
在android下缩放可以实现onDraw下的画笔画的内容变小，这里以文本为例进行讲解。 scale提供的方法 在cale提供了两个方法 public void scale(float sx, float sy) public final void scale(float sx, float sy, float px, float py) scale(float sx, float ...
canvas详解（1）-原理
风火一回，一生不毁
08-13 8034
canvas详解(1)-原理 原理 canvas本身并不具备绘画能力，它本身只是一个画布，是一个容器。绘图能力是基于html5的getContext("2d")返回的CanvasRenderingContext2D对象来完成的。 const canvas = document.getElementById("payAbilityLoginTree");//获取canvas dom对象...
【Android】android镜像翻转
weixin_33801856的博客
12-04 2845
Android镜像翻转指的是将屏幕进行水平的翻转，达到所有内容显示都会反向的效果，就像是在镜子中看到的界面一样。这种应用的使用场景相对比较受限，主要用在一些需要使用Android手机界面进行镜面投影的地方，比如说车载手机hud导航之类的。 镜像翻转的效果如下： 镜像水平翻转前后效果 在没办法对硬件进行直接翻转的时候，只能从代码进行着手。最先想...
html2canvas scale
07-28
To scale the output of HTML2Canvas, you can use the `scale` option. Here's an example of how you can use it: ```javascript html2canvas(element, { scale: 2 // Scaling factor, for example, 2 will double the size }).then(canvas => { // Use the scaled canvas here }); ``` In this example, the `scale` option is set to 2, which means the resulting canvas will be twice the size of the original content. You can adjust the scaling factor as per your requirements.

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值