以下是一些效果:1。缩放会影响平移:当您缩放canvas时，canvas的坐标系也会发生变化，canvas fabric.js踩坑是众所周知的，canvas的api比较复杂，对一般前端er不太友好，另外，canvas一般不是自己手写的，一般开发者可能不会涉猎canvas。
很久没写东西了，不是因为前面的东西吃了很多西红柿鸡蛋，而是真的没有什么真实的东西可以写给大家参考。但是最近在帮朋友做项目的时候，遇到了delphi中简单的图像处理，就一直在网上找资料，翻csdn以前的帖子。从我的搜索结果来看，我发现很多人在各种项目中都会遇到类似的图像处理问题，但大部分都得到了答案。案例好像不全(因为很多没有发完，也可能是个人习惯问题。呵呵，希望你看完我的文章能在家发完)，所以我把遇到的问题和解决方法写了下来，供你参考，也欢迎你继续拍砖。在正式内容之前，我要把前面要解决的问题写下来，同时让读者有一个好的定位，以免在处理过程中被我拙劣的手段惹恼。在Delphi中，对扫描仪扫描的图像进行旋转，得到合适的图像，而由于不能正确把握图像的大小，所以要对图像进行简单的缩放，我的解决方案完全是基于这个要求，因为对图像处理后的清晰度没有太多的考虑，带来的好处就是程序看起来很简单。首先，我没有扫描仪，所以我不知道如何使用扫描程序。
我们讲解了Canvas的基本概念和对Android画图中Canvas概念的理解(5)，分析了Canvas的概念，但没有说明与屏幕的关系。画布不等于屏幕，屏幕不会动。我们无法操作屏幕(平移、缩放等)。)，所以我们只能操作画布，所以操作画布，屏幕不会动，最终导致图像不一样。下面开始讲解Canvas的变化操作:包括:平移，
Scale，skew，clip，clipout，matrix从最简单的平移开始:平移画布，平移dx:x轴方向，将正值平移到屏幕右侧Dy: Y轴方向，将正值画到屏幕下方可以看到原点位置。原点明显变了，以后画的任何形状都是平移后从原点画的。参数说明sx:水平缩放，默认为1，小数归约，整数放大sy:垂直缩放，默认为1，小数归约，整数放大px，py，看源代码就知道是先翻译再执行sx，
3、关于html2 canvas这个 插件的使用问题,求助1。介绍HTML 2canvas2。HTML 2canvas(文档。正文，{ on rendered:function(canvas){ document。身体。Appendchild ()。}，宽度:300，高度:200 })；然后在document.body中追加一个canvas.3，如果想生成图片，可以这样做:HTML 2canvas(document . body，
4、安卓怎么在自定义 canvas.drawbitmap5、如何在html5的 canvas绘制 地图
6、最好的 canvas鼠标画画 插件drawingboard.js
drawing board . js其实是一个涂鸦工具，可以用鼠标和手指(手机)画出图案。其实更有可能是作为签名版，或者是作为一个没什么意思的画板。毕竟大部分人没有手绘能力。在我能找到的工具中，drawingboard.js是最好的。没有依赖。就这么简单。
7、 canvas库fabric.js踩坑众所周知，canvas的api比较复杂，对于一般的前端er来说不是很友好。另外，canvas一般不是自己写的，所以一般开发者对canvas(我看红宝书的时候/110)可能不会有很深的涉猎，而当你需要使用canvas来开发一些定制化的需求时，echarts和antv系列不一定能满足。这个时候，或许面料会是更好的选择。fabric提供了一个类似面向对象的方法来写canvas，比原生的稍微方便一点(虽然Goose的官方文档太难理解了)。有这样一个需求:拖拽缩放元素，连接起来。本来我第一反应是用antv/g6，但是我需要缩放拖动的元素，把文字和图表放到拖动的容器里。如果我用g6，容器里的内容不会整齐的变化(其实我对g6不熟悉)。还有一个很重要的问题是，如果我在g6里面放图表，只能放g2(而且需要单独安装/12344)。
8、 canvas缩放平移相互影响在canvas上缩放或平移时，它们会相互影响。这是因为缩放和平移都会改变canvas的坐标系，以下是一些效果:1。缩放会影响平移:当您缩放canvas时，canvas的坐标系也会发生变化，这意味着如果在缩放之前平移canvas，平移距离会随着缩放而变化。2.平移会影响缩放:同样，当你平移canvas，那么canvas的坐标系也会发生变化。
