如何将canvas画出来的一系列线段整体缩放 20C

想将用canvas画出来的一系列线段整体缩放
现在是每次重新计算坐标点之后 遍历重新绘制一遍 太耗时了
所有请教有没有其他什么办法能够想缩放地图那样直接缩放?

0

1个回答

https://blog.csdn.net/fengshizty/article/details/25790397 你去看看这个 看看是你想要的不效果不

0
crazyman_k
crazyman_k 谢谢 我写的是android 我的目的是想缩放canvas画布上已经绘制的内容
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
如何将汉字画出来?请教!
我现在需要实现将一个汉字通过Moveto,Lineto函数画出来的功能,比如“一”字,我只需知道(0,0),(10,0)这两个坐标信息就可以将一画出来,但是要画出来的要很像才行,最好画出来的顺序要和人们写字的顺序一样,比如“我”字,要先画撇,再画横,现在我已经实现将一个汉字的字模提取出来,但是那是一个点阵信息,需要转换为写字的坐标信息和顺序;通过GetGlyphOutline函数也已经实现将一个汉字的轮廓信息提取出来,但我要的不是轮廓,而是写字的坐标和顺序,然后将信息保存到一个CPoint的数组中,再通过Moveto,和Lineto函数,将汉字画出来。呵呵,希望我说明白了,请教了,先谢谢了!!!
Canvas线段终点和连线
Canvas线段终点和连线
Canvas线段的绘制
moveTo(x,y) lineTo(x,y) lineWidth//线条宽度 strokeStyle//线条样式 storoke()//线条绘制 填充 fillStyle//填充 fill()//绘制填充 Canvas提供的图形绘制函数 rect(x,y,width,height)//定义矩形状态 //绘制矩形 fillRect(x,y,width,height)
canvas画线段
canvas body{ background:#808080; } #canvas{ background:#FFFFFF; } window.onload = function(){ //获取canvas画布 var canvas = document.getElementById('canvas'); //获取2d绘图环境
Canvas学习:绘制线段
在上一篇介绍Canvas坐标系统的结尾处,我们使用了Canvavs绘制了一个网格。整个效果是由直线和文本构成。在这一节中,我们来看看如何使用Canvas绘制线段。 在Canvas中,线段也是路径中的一种,被称之为线性路径。在Canvas中绘制线性路径主要用到moveTo(x,y)、lineTo(x,y)和stroke()几个方法。 先画一条简单的直线 Canvas画一下直线非常的容易。众所周
h5 Canvas线段的绘制
在Canvas中,线段也是路径中的一种,被称之为线性路径。在Canvas中绘制线性路径主要用到moveTo(x,y)、lineTo(x,y)和stroke()几个方法。 通常创建线条的方法是moveTo()和lineTo()方法,但是要使线性路径出现在canvas之中,我们必须使用上面提到的stroke()方法 创建线条 const canvas = document.getElementByI...
canvas粒子线段特效
将此代码插入body的末尾 <!--粒子线条特效--> <canvas id="c_n12" width="1829" height="585" style="position: fixed; top: 0px; left: 0px; z-index: -1; opacity: 1;"></canvas> <script&amp
Canvas绘制线段和圆
Canvas 默认 300px*150px Title var canvas = document.getElementById("canvas"); var context=canvas.getContext("2d"); /*****************************绘制直线*****************
CANVAS绘制线段
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
QT与OpenGL之整体缩放
最近对整体缩放这块一直卡壳了,google了很久,百度了不少,一直无果。 最后在接近无望之际,用了最老土的办法,写一个简单的test程序,然后测试效果。让人想不到的是,这种效果竟然起效了。下面就来谈谈为什么卡壳了吧以及解决办法。 我一直想要解决的问题是沿着Z轴(差不多就是对Z轴缩放了)缩放,因为我有事需要放大很多倍我的图才能看清里面的东西。 解决: gluPerspective()函数
页面整体缩放
欢迎访文我的博客YangChen’s Blog前两天遇到一个问题,把PC的页面整体缩放到pad上,意思如下以:在PC下看到的页面:期望在移动设备下看到的:然而实际的样子是:查了查发现其实这还是个挺有意思的问题,所以在此整理下有关页面整体缩放的技术和方法1、js方式故名思议,通过脚本来控制html标签的css样式,使其能够整体按比例缩放,这种方式修修bug还好,要是一个复杂页面通过这种方式来控制css
rem 自适应、整体缩放
html{ font-size: calc(100vw/7.5); } 说明: 100vw是设备的宽度,除以7.5可以让1rem的大小在iPhone6下等于100px。 若是低版本的设备不支持rem,那么就需要js来处理一下: document.documentElement.style.fontSize = window.innerWidth/7.5 + 'px' (function() { v...
简单的整体缩放
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> ...
Android界面整体缩放
根据不同的长宽比进行缩放:保持长宽比不变 layout_parent = (LinearLayout) findViewById(R.id.root_layout); dm = new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetrics(dm); // 获得手机的宽度和高度像素单位为px wid
粒子特效整体缩放脚本
粒子整体缩放不好修改,从网上找了个插件其实就是一个C#脚本而已,挂载在粒子物体上即可实时修改Scale
HTML 整体缩放
最近用到web 控件加载网页需要缩放问题,由于控件比较旧,所以只能从html 入手;html 页面缩放主要有两种,IE 可使用 CSS body{zoom:1.2;} 或者微软相关的控件支持,包括BCB 。其它 浏览器可使用 body{transform: scale(1.2);} 这个是从中心点缩放,所以需要配合另外一个属性使用 以下是样例 ZOOM,应该只支持IE : &lt...
VC6.0 图像缩放的整体缩放
VC6.0 图像缩放的整体缩放,基于MFC高级控件来完成图像的缩放
css整体缩放布局
1-2-1整体缩放布局 *{ margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { min-height: 100%; _height:100%; he
Java画线段,并把角度画出来
private double getAngleByPoint(float x1, float y1) { double d = Math.acos(x1/Math.sqrt(x1*x1+y1*y1)); logger.info(String.format("x: %f, y: %f,d: %f",x1,y1,(float)d)); return y1>0 ? d : ...
HTML5之Canvas探秘2:Canvas绘制线段
移动画笔(moveTo()),参数为到达的位置 1 context.moveTo(100,100); 笔画停点(lineTo()),参数为结束点的位置 1 context.lineTo(100,500); 确定绘制有两个方法:fill()和stroke(),填充和描边 1 context.stroke(); 一条线段就画出来了 转载于:https://www....
WPF 的Canvas画图区整体缩放与平移(二)
WPF对象都具有RenderTransform的属性,可以通过设置RenderTransform来对WPF的元素进行变换,无论是控件还是形状都可以变换。典型的变换包括缩小放大与平移。 (一)缩放 (见前一篇文章) (二)平移 为了实现平移,这里以按下鼠标中间键并移动鼠标作为事件触发方式,来实现平移。即先下辖鼠标中键(滚轮键),移动鼠标,这样WPF元素就会跟随鼠标平移。 WPF元素和形状的...
WPF 的Canvas画图区整体缩放与平移(一)
WPF对象都具有RenderTransform的属性,可以通过设置RenderTransform来对WPF的元素进行变换,无论是控件还是形状都可以变换。典型的变换包括缩放和平移: (一)缩放 如果采用Canvas作为画板来绘制一些形状,想要通过鼠标或触摸操作来进行放大或缩小,那么不能简单地对canvas进行变换,否则Cancas放大的时候就会覆盖周边的其它控件,也就是Canvas占据的屏幕变大...
如何将一系列的结构存盘?
我现正在做一个数据分析程序,对一个点形成一个分析结构,然后加进一个链表中,整体分析完成后,想将这一系列结构存盘,以便日后提取?但是怎样存盘,又怎样提取呢?这属于哪种枝术,要看哪种书呢?有无现成的控件或其它来完成这目的?
Canvas缩放图像
<body> <canvas id="canvas"></canvas> <input type="range" id="scale_range" min="0.5" max="3" step="0.01" value="1.0"> <script> slider = document.getElementById("scale_range"); canvas = document.
wpf 可缩放的canvas
这个是转的一个可缩放的canvas例子,可以直接用,很方便
Canvas 缩放图形
从《HTML5+CSS3从入门到精通》 P125 copy的 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;canvas&lt;/title&gt; &lt;script&gt; function draw() { v...
canvas旋转,缩放,位移动画
#canvas { -webkit-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 4px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 4px; box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 4px;
离屏缩放canvas
利用canvas实现图片缩放可以发散扩展为游戏背景图片
canvas等比缩放图片
2019独角兽企业重金招聘Python工程师标准&gt;&gt;&gt; ...
Canvas缩放和旋转的组合
Canvas缩放和旋转的组合
html5 canvas缩放变换
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;...
android Canvas的平移与缩放
转载 https://blog.csdn.net/u011451706/article/details/52473382
canvas 平移 缩放 旋转
canvas 平移 缩放  旋转的原理在canvas 画上一个图形后将canvas 进行平移,之后在使用相同的位置画上一个图形,发现能达到预期的效果因为 canvas 平移 旋转 缩放 是针对坐标轴的刚开始的坐标  (0,0)位置 位于左上定点,使用平移后,坐标初始位置 分表加减x,y使用选装后,坐标轴方位发生该表使用缩放后,坐标轴的比例车发生该表,(初始100对应100px,缩放0.5 后100
canvas 平移缩放和旋转
&lt;!DOCTYPE HTML&gt;&lt;html&gt;&lt;head&gt;&lt;Title&gt;Transformations Example&lt;/title&gt;&lt;script&gt; window.onload = function() {var canvas=document.getElementById("myCanvas");var context=ca...
Canvas缩放变化
Canvas缩放变化
canvas的旋转和缩放
1.旋转加缩放 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;旋转加缩放的小方块&amp;lt;/title&amp;gt; &amp;lt;style&amp;gt; body{ background: black; } canva
canvas 平移&缩放
1.平移 canvas其实只是一个包装器,真正起着重要作用的部分是2D渲染上下文,这才是我们真正绘制图形的地方。 然而2D渲染上下文是一种基于屏幕的标准绘制平台。它采用屏幕的笛卡尔坐标系统,以左上角(0,0)坐标为原点。 向右移动时x的坐标值增加,向下移动时y的坐标值增加。 好了了解了坐标系...
canvas中的缩放示例
文字排版      function  clearmap(){      context.clearRect(0,0,300,200);      } function draw(){ var c=document.getElementById("canvas"); var context = c.getContext("2d");     con
canvas剪裁缩放图片
一个html5前端实例,canvas元素实现图片剪裁、缩放
用Canvas绘制线段(2)
用Canvas绘制线段(2) 方法介绍 ctx.moveTo(x,y) 用于移动画笔到(x,y)坐标处,并以此为路径起点进行绘图 ctx.lineTo(x,y) 指定路径的下一个点的坐标,表示使用直线连接该点与上一个点 ctx.stroke() 绘制路径 ctx.lineWidth=20; 设置线段宽度,默认值为1px,较宽的线条在路径上居中,路径上下两边各有...
相关热词 c# 线程顺序 c#昨天当前时间 c# 多进程 锁 c#mysql图片存取 c# ocx 委托事件 c# 读取类的属性和值 c# out 使用限制 c#获取url的id c#怎么进行分页查询 c# update 集合