⑴ 贝塞尔曲线原理的gif图怎么画
全选贝塞尔画出来的线条,按Ctrl+G群组。
按ctrl+shift+Q将群组好的线条转为对象。
点窗口--泊坞窗--造形,将其设置为修剪。
点击线条,点击修剪,再点击背景灰图(顺序不要乱),图片就被分割了,拉开线条可以看见图片线条位置已经透明了。
⑵ 画一条贝塞尔曲线!!
void CBSplineView::bezier(CPoint *pp, int n)
{//画Bezier曲线
int x,y,i,j,k=100;
double t,t1,u,v;
double temp,temp1,temp2,bi;
CClientDC dc(this);
OnPrepareDC(&dc);
t=1.0/k;
dc.MoveTo(pp[0]);
for(j=1;j<k;j++)
{
t1=j*t;
u=t1;
v=1-u;
x=0;
y=0;
for(i=0;i<=n;i++)
{
temp=double(fac(n)/fac(i)/fac(n-i));
temp1=powi(u,i);
temp2=powi(v,n-i);
bi=temp*temp1*temp2;
x=x+bi*pp[i].x;
y=y+bi*pp[i].y;
}
dc.LineTo(x,y);
}
dc.LineTo(pp[n]);
}
long CBSplineView::fac(int m)
{//求m的阶乘
int i;
long temp=1;
if(m==0)
return 1;
else
{
for(i=2;i<=m;i++)
temp*=i;
}
return temp;
}
double CBSplineView::powi(double v, int k)
{//求解v的k次幂
double temp=1.0;
if(k==0||v==0)
return 1;
else
{
for(int i=1;i<=k;i++)
temp*=v;
}
return temp;
}
曲线通过关键点控制,可以通过选取关键点并拖拽来改变曲线。
mouse点击的HitTest:
通用方法:
用描画的方法把Bezier画在MemoryDC里, 得到测试点的像素值,以判断是否在线上.
(通过剪裁区来减少描画范围)
应该是这样吧!(*n_ n*)
⑶ 如何通过几个点来绘制贝塞尔曲线
贝塞尔曲线绘制一般两个点即可。
首先起笔的时候单击空白画面,然后在需要的位置再次单击即可完成一条曲线。
⑷ 贝塞尔曲线怎么画 android
贝塞尔工具,按住Ctrl来点的时候,就会水平或垂直,如果先是画了曲线,再把曲线转换成直线就OK了 设计确实挺难的,不清楚阁下是设计哪方面的 如果是在CorelDRAW做,首先要学会操作,再看看里面有哪些功能,熟练之后才容易设计,有些效果还是在PS里好做些。 一般客户提出了有哪些要求就按要求来做,或者根据客户所要设计的东西来选风格来配套。
⑸ javascript怎么画贝塞尔曲线
<script type="text/javascript">
window.onload = function(){
var c = document.getElementById("myCanvas");
var content = c.getContext("2d");
//绘制二次方贝塞尔曲线
content.strokeStyle ="#FF5D43";
content.beginPath();
content.moveTo(0,200);
content.quadraticCurveTo(75,50,300,200);
content.stroke();
content.globalCompositeOperation = "source-over"; //目标图像上显示源图像
//绘制上面曲线的控制点和控制线,控制点坐标为两直线的交点(75,50)
content.strokeStyle = "#f0f";
content.beginPath();
content.moveTo(75,50);
content.lineTo(0,200);
content.moveTo(75,50);
content.lineTo(300,200);
content.stroke();
};
⑹ 贝塞尔曲线工具怎么用
CorelDRAW 贝磁曲线操作的快捷键,这一点可能很少有人提及:(CD9)
在节点上双击,可以合节点变成尖角
按C键可以改变下一线段的切线方向
按S键可以改变上下两线段的切线方向
按ALT键且不松开左键可以移动节点
按CTRL这,切点方向可以根据预设空间的限制角度值任意放置。
要连续画不封闭且不连接的曲线按ESC键
还可以一边画一边对之前的节点进行任意移动
⑺ 贝塞尔曲线怎么用canvas画
canvas直线 body, h1{margin:0;} canvas{margin: 20px;} 二次贝塞尔曲线 function draw() { var canvas=document.getElementById('canvas'); var context=canvas.getContext('2d'); //绘制起始点、控制点、终点 context.beginPath(); context.m...
⑻ 如何画平滑的贝塞尔曲线
在图形图像编程时,我们常常需要根据一系列已知点坐标来确定一条光滑曲线。其中有些曲线需要严格地通过所有的已知点,而有些曲线却不一定需要。在后者中,比较有代表性的一类曲线是贝塞尔曲线(Bézier Splines)。
网友们可能注意到,贝塞尔曲线广泛地应用于很多图形图像软件中,例如Flash、Illstrator、CoralDRAW和Photoshop等等。什么是贝塞尔曲线呢?你先来看看这个:
X
哼~一条很普通的曲线,好像真的无法给我们带来什么特殊感觉哦~那把这条曲线和绘制它所根据的点重叠地放在一起再瞧瞧吧:
Hoho, 原来呀~贝塞尔曲线就是这样的一条曲线,它是依据四个位置任意的点坐标绘制出的一条光滑曲线。我们不妨把这四对已知点坐标依次定义成(x0,y0)、 (x1,y1)、(x2,y2)和(x3,y3)。贝塞尔曲线必定通过首尾两个点,称为端点;中间两个点虽然未必要通过,但却起到牵制曲线形状路径的作 用,称作控制点。
在历史上,研究贝塞尔曲线的人最初是按照已知曲线参数方程来确定四个点的思路设计出这种矢量曲线绘制法。涕淌为了向大家 介绍贝塞尔曲线的公式,也故意把问题的已知和所求颠倒了一下位置:如果已知一条曲线的参数方程,系数都已知,并且两个方程里都含有一个参数t,它的值介于 0、1之间,表现形式如下所示:
x(t) = ax * t ^ 3 + bx * t ^ 2 +cx * t + x0
y(t) = ay * t ^ 3 + by * t ^ 2 + cy * t + y0
由于这条曲线的起点(x0,y0)是已知的,我们可以用以下的公式来求得剩余三个点的坐标:
x1 = x0 + cx / 3
x2 = x1 + ( cx + bx ) / 3
x3 = x0 + cx + bx + ax
y1 = y0 + cy / 3
y2 = y1 + ( cy + by ) / 3
y3 = y0 + cy + by + ay
你细细观察一下就知道了,无论方程的已知和所求是什么,总是有六个未知数,并且我们总能找到六个等式(记住(x0,y0)总是已知的),也就是说,上面的方法是完全可逆的,因此我们可以根据四个已知点坐标来反求曲线参数公式的系数。稍微一变换就得到了下面这组公式:
cx = 3 * ( x1 - x0 )
bx = 3 * ( x2 - x1 ) - cx
ax = x3 - x0 - cx - bx
cy = 3 * ( y1 - y0 )
by = 3 * ( y2 - y1 ) - cy
ay = y3 - y0 - cy - by
所以说,对于坐标任意的四个已知点,你总能创建一条贝塞尔曲线嘿嘿。在GDI+的2D图形函数库里,已经封装了贝塞尔曲线的绘制方法——就是Graphics类的DrawBezier()方法。DrawBezier()方法有很多个重载版本,很简单,而且在MSDN里有着详细的介绍,涕淌在此就不浪费口水了(包括DrawBeziers()也是一样)。不得不感叹的是,强大的GDI+允许一个不了解贝塞尔曲线数学背景的人也能轻而易举地绘制一条漂亮的贝塞尔曲线,对提高开发效率而言,这当然是件好事!
贝塞尔曲线的有趣之处更在于它的“皮筋效应”~也就是说,随着点有规律地移动,曲线将产生皮筋伸引一样的变换,带来视觉上的冲击。来,瞅瞅这张图吧:
Windows 默认的屏保里有一个“贝塞尔曲线”的程序,大家现在可以打开来欣赏一下。一组不断扭伸的曲线令观看的人感叹它们的变幻莫测,其实个中道理相当简单,程序里 只是一群分好了组的、按规律移动的点,机器根据点的移动、按照上面的公式实时地计算出当前的贝塞尔曲线,并在电脑屏幕上绘制出来,如此没完没了地进行 着……
上个世纪七十年代,法国数学家Pierre Bézier第一个研究了这种矢量绘制曲线的方法,并给出了详细的计算公式,因此按照这样的公式绘制出来的曲线就用他的姓氏来命名~是为贝塞尔曲线。
在文章的开篇我提到了还有一类曲线必须严格地通过所有已知点,很典型而鲜明地同贝塞尔曲线区分开来了。这一类型的曲线涕淌将占用其它网络日志的篇幅来给大家介绍,请耐心等待!