lufy's legend

标题: LUFY,请问怎样根据坐标来画个图 [打印本页]

作者: zyflzxy    时间: 2019-8-15 10:14
标题: LUFY,请问怎样根据坐标来画个图
未命名-1.png 如何根据提供的坐标来画出图形,并带有弧度的?谢谢地!!

作者: lufy    时间: 2019-8-16 17:41
不带弧线的比较简单,只需要利用LGraphics对象的beginBitmapFill 和 drawVertices 就可以实现了
带弧线的就麻烦一些了,需要先用贝塞尔曲线勾勒出弧线,然后绘制出图片,因为引擎没有封装这种处理,所以我提供一下做法,里面贝塞尔曲线部分,需要你根据坐标数组进行绘制

  1. var bitmapdata = ??;//你的图片
  2. var shape = new LShape();
  3. addChild(shape);
  4. shape.graphics.beginBitmapFill(bitmapdata);
  5. shape.graphics.add(function(ctx){
  6.     ctx.beginPath();
  7.     //在这里用贝塞尔曲线勾勒出图形
  8.     ctx.save();
  9.     ctx.clip();
  10.     ctx.drawImage(bitmapdata.image, bitmapdata.x, bitmapdata.y, bitmapdata.width, bitmapdata.height, 0, 0, bitmapdata.width, bitmapdata.height);
  11.     ctx.restore();
  12. });
复制代码

作者: zyflzxy    时间: 2019-8-17 12:31
未命名-1.png
谢谢,另外修改图片颜色的方法是用哪个?
作者: lufy    时间: 2019-8-19 08:07
zyflzxy 发表于 2019-8-17 12:31
谢谢,另外修改图片颜色的方法是用哪个?

LBitmapData的colorTransform
http://lufylegend.com/api/zh_CN/ ... thod_colorTransform
或者LColorMatrixFilter
http://lufylegend.com/api/zh_CN/ ... orMatrixFilter.html


如果不考虑效率的话,直接用LBitmapData的getPixels获取像素数组,然后修改每个像素值再通过setPixels也可以实现颜色替换




欢迎光临 lufy's legend (http://lufylegend.com/forum/) Powered by Discuz! X2.5