首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

PHP在线图像编辑器 Pixie v3.0.3

前言 Pixie是一款完全可定制的高性能照片编辑器,可在任何地方使用,并且可以轻松集成到现有项目中或使用独立应用程序。 功能介绍 集成–轻松将pixie集成到任何现有项目或应用程序。...绘图–强大的免费绘图工具同时支持鼠标触摸,具有多种笔刷类型,颜色等。 文本–完全支持将文本添加到图像。可以使用数百种Google字体,也可以仅使用自定义添加的字体。...空画布– Pixie不必编辑现有照片,也可以轻松地从头开始创建自定义图像。 历史记录–所有编辑器操作都是非破坏性的,可以通过历史记录工具轻松撤消重做。...对象–所有对象(贴纸,形状和文本)都位于各自的图层,可以通过更改其颜色,添加阴影,背景等内容轻松地移动,调整大小,删除修改。 模式渐变–所有对象都可以使用许多内置或自定义模式渐变填充。...保存–修改后的图像可以通过API或接口轻松保存在本地设备或服务器缩放和平移–可以使用鼠标,鼠标滚轮或移动设备的触摸捏合手势来缩放和平移画布

2.9K70

SurfaceView 与 TextureView 详解

每次实际显示的是frontCanvas,backCanvas存储的是一次更改前的视图,当使用lockCanvas()获取画布时,得到的实际是backCanvas不是正在显示的frontCanvas...不用画布,直接在窗口上进行绘图叫做无缓冲绘图。用了一个画布,将所有内容都先画到画布,在整体绘制到窗口上,就该叫做单缓冲绘图,那个画布就是一个缓冲区。...从 Android7.0 开始,SurfaceView 的窗口位置与其他 View 渲染同步更新。这意味着在屏幕平移缩放 SurfaceView 不会导致渲染失真。...它的渲染可以放在单独线程不是主线程。其缺点是不能做变形动画。SurfaceTexture可以用作非直接输出的内容流,这样就提供二次处理的机会。...SurfaceView+SurfaceTexture在单独的Surface做绘制,可以是用户提供的线程,不是系统的主线程或是渲染线程。

11.8K60
您找到你想要的搜索结果了吗?
是的
没有找到

了解 Android 的矢量图片格式:`VectorDrawable`

然而,矢量图像是通过在抽象大小的画布定义一系列形状来描绘图像。 为什么使用矢量图?...例如, Google I/O app 在 这次提交 通过将一些 PNG 图标从位图转换成矢量图,节约了 482 KB。尽管听上去不是很多,但这仅仅是对小图像而言;更大的图片(插图)会节省更多。...这会使设计人员开发人员之间的工作流程复杂化。我们将在以后的文章深入讨论这个主题。 为什么不用 SVG? 如果你曾经使用矢量图像格式,你可能会遇到网络的行业标准 SVG 格式(可缩放矢量图形)。...它包括许多复杂的功能,执行任意 javascript,模糊滤镜效果或嵌入其他图像,甚至 GIF 动画。Android 在受限制的移动设备运行,因此支持整个 SVG 规范并不是一个现实的目标。...然而,SVG 包含一个 路径规范,它定义了如何描述绘制形状。使用此 API,您可以表达大多数矢量形状。这基本Android 支持的 SVG 路径规范相同,只不过Android增加了一些内容。

2.5K30

Android OpenGL开发实践 - 基于OpenGL ES 2.0的Android相机实时图片涂鸦实现思路

这篇文章将给大家讲解如何在Android系统基于OpenGL ES 2.0来实现相机实时图片涂鸦效果,所涂内容跟随人脸出现、消失、移动、旋转及缩放,在这里,我们假设您: 已经搭建好一个相机框架,能够获得相机的预览图像...有了涂鸦画布后,就可以将涂鸦内容画到涂鸦画布,然后对每一个新的相机预览帧,直接将整个画布画上去,将画布画上去只需要调用一次OpenGL绘图方法: ?...手指在屏幕触摸之后,onTouchEvent()中所得到的坐标是屏幕坐标系的坐标,相机有一个预览宽高的设置,这个宽高可以屏幕宽高不一样,比如1080*1920的屏幕,相机的预览宽高可以设置为720...现在可以将手指在屏幕触摸时在onTouchEvent()回调中所得到的触摸坐标正确地转换成涂鸦画布的坐标了,那么如何在对应的坐标点画涂鸦图案呢?...Vertext Shader中平移、旋转及缩放代码的编写,本质是套用变换矩阵 ---- 作者简介:kenneyqin(覃华峥),天天P图Android工程师

7.1K130

Tensorflow Lite人体姿势跟踪功能上线:基于PosNet的实时人体姿态估计

「PoseNet」是一种视觉模型,它可以通过检测关键身体部位的位置来估计图像或者视频的人体姿势。例如,该模型可以估计图像中人的手肘/或膝盖位置。...这种姿势估计模型不会鉴别图像的人是谁,只会找到关键身体部位的位置。 TensorFlow Lite 分享了一个安卓示例应用程序,该应用程序利用设备的摄像头来实时地检测显示一个人的关键部位。 ?...将位图缩放回屏幕大小,在「Canvas」对象绘制新的位图。 使用从「Person」对象获取的关键点位置在画布绘制骨架。显示置信度超过特定阈值(默认值为 0.2)的关键点。...我们用单个「SurfaceView」来显示输出不是对姿势摄像头分别建立「View」实例。...「SurfaceView」通过获取、锁定和在「View」画布绘图,无延时地将安卓的 surface 对象显示在屏幕

2K30

聊聊SurfaceViewTextureView

缺点:因为这个Surface不在View hierachy,它的显示也不受View的属性控制,所以不能进行平移,缩放等变换,也不能放在其它ViewGroup,一些View的特性也无法使用。...2.双缓冲机制 简单阐述一下: 什么是无缓冲 什么是单缓冲 什么是双缓冲 不用画布,直接在窗口上进行绘图叫做无缓冲绘图。...用了一个画布,将所有内容都先画到画布,在整体绘制到窗口上,就该叫做单缓冲绘图,那个画布就是一个缓冲区。 用了两个画布,一个进行临时的绘图,一个进行最终的绘图,这样就叫做双缓冲绘图。...SurfaceView不同,不在WMS单独创建窗口,而是作为View hierachy的一个普通view,因此可以其他普通View一样进行移动,旋转,缩放,动画等变化。...优点:支持移动、旋转、缩放等动画,支持截图 缺点:必须在硬件加速的窗口中使用,占用内存比SurfaceView高,在5.0以前在主线程渲染,5.0以后有单独的渲染线程。

4K21

小窗播放视频的原理实现(

小窗播放视频功能在小窗大屏之间切换时,视频类App通常一边执行交互动作一边播放视频。交互动作包括移动、缩放或者动画;这些App在播放时期望给用户平滑的过渡体验,流畅加载视频,不能有明显的卡顿。...Screen compositor其实就是SurfaceFlinger服务。Surface字面意思就是绘图表面,可以理解为是UI的画布。...方法,参数canvas是建立在宿主窗口的Surface画布,因此在这块画布绘制任何UI都是出现在宿主窗口的Surface的。...Android NSurfaceView新特性的说明,官方也推荐在不执行旋转、透明度、缩放使用SurfaceView。...Android N以上的SurfaceView在视频进行缩放旋转时会同步变化,不会看到黑色边,官方推荐使用SurfaceView。

10.6K180

如何用Scratch 3绘制矢量图形 【Gaming】

它基于HTML5JavaScript,这意味着它在平板电脑或移动电话的运行和在笔记本电脑或台式机上的运行一样好。 什么是矢量? 矢量绘图不同于使用常规绘图应用程序绘图。...对象Object:画布的圆、正方形或直线 箭头工具Arrow tool:使用此工具抓取、调整大小旋转对象 节点工具Node tool:使用此工具添加、移动选择节点 开始绘图 要开始绘图,请打开web...为了改变现有精灵的外观,点击右下角的精灵图标使其活动,然后单击工具箱的箭头工具,点击画布的精灵,并进行所需的更改。...警告:如果单击绘图屏幕底部的“转换为位图”按钮,则插图将变成像素化位图图像,并且无法将其还原为矢量。 画苹果形状 1. 选择一个空的精灵画布,然后选择圆形工具。通过单击空画布并拖动鼠标创建一个圆。...稍微向下降低原始止点节点以创建缩进。 7. 继续调整添加节点,直到对苹果形状满意为止。 绘制茎 1. 选择矩形工具。在画布创建一个长薄的矩形,在其中放置茎。 2.

5.5K00

是时候为各式设备适配完善的输入支持了

在增强用例,某些功能不只是有了更好,可能是必需具备的,例如一款不支持游戏手柄的手机游戏一款不支持标准复制粘贴快捷键的文本编辑器,都是无法受到用户欢迎的。...△ Cubasis 应用使用场景 绘图类应用则更加注重: 蓝牙 USB 绘图板能够持续正常的工作,以及在 Chrome OS 操作系统中将低延迟触控笔 API 应用到绘图绘画应用。...△ 绘图类应用使用场景 简而言之,用户希望能在您的应用获得独特、愉悦、直观的体验,而这种体验由您来打造!...、笔方向、擦除笔尖其他触控笔按钮;左侧窗格是 Microsoft OneNote 应用,使用模拟器可以在 OneNote 画布绘制、做笔记或擦除。...我们非常兴奋,在支持触控的 PC Android 模拟器现在也可以支持多点触控,这让您可以测试需要使用多个手指的手势与应用进行交互,比如双指张合、缩放其他触摸交互。

1.1K20

Android开发笔记(一百五十三)OpenGL绘制三维图形的流程

不过对于初次接触OpenGL的开发者来说,三维绘图的概念可能过于抽象,所以为了方便读者理解,下面就以Android的二维图形绘制为参考,亦步亦趋地逐步消化OpenGL的相关知识点。...从前面的学习可以得知,每个Android界面上的控件,其实都是在某个视图上绘制规定的文字(TextView),或者绘制指定的图像ImageView)。...TextViewImageView都继承自基本视图View,这意味着首先要有一个专门的绘图场所,比如现实生活的黑板、画板桌子。...然后还要有绘画作品的载体,比如显示生活黑板的漆面,以及用于国画的宣纸、用于油画的油布等等,在Android系统,这个绘画载体便是画布Canvas。...所以,只要具备了绘图场所、绘画载体、绘图工具,即可挥毫泼墨进行绘画创作啦。正如前面介绍的Android自定义控件那样,有了视图View、画布Canvas、画笔Paint,方能绘制炫彩多姿的各种控件。

1.8K20

HTML5新特性

Canvas的尺寸不能用CSS指定 使用CSS指定的Canvas尺寸,实际不是修改了画布尺寸,而是进行了拉伸,上面的绘图内容也会随着进行拉伸 可以使用HTML标签的widthheight属性,也可以使用...补充:如何为Canvas的图形/图像绑定事件监听 网页只能为HTML元素绑定监听函数,Canvas的图形/图像都是用JS绘制的,不是DOM元素,不能直接进行事件绑定 只能绑定给整个Canvas!...使用SVG进行绘图-文本 SVG画布不允许使用普通的HTML元素绘制文本,SPAN、P等!...使用SVG进行绘图图像 SVG画布不能使用IMG置于SVG画布!...如何在拖动的源对象目标对象间传递数据? ①. 方法一,使用全局变量,便会造成全局污染 ②.

7.6K30

HTML5Canvas元素的使用总结 原

HTML5Canvas元素的使用总结     Canvas提供了开发者自定义绘图的接口,我们可以公国getContext()函数来获取绘图上下文进行绘制操作,这个函数可以传入两个参数,其中第1个参数设置绘图上下文的类型...有一点需要注意,使用clip函数进行裁剪后,之后的绘制将只能在裁剪的区域内进行绘制,如果想在裁剪区域外绘制,需要使用saverestore两个函数来处理,在裁剪前,使用save函数来保存当前绘图上下文的状态...其中sx,sysw,sh用来对原图像进行裁剪,只选择图像的部分进行绘制,x,y,w,h设置绘制在画布的坐标尺寸。    ...4.进行画布转换     画布也可以进行一些简单的变换操作,例如旋转,缩放等等。需要注意,对画布的操作不会影响到已经绘制到画布的内容,之后绘制的内容会受到影响。...使用scale(x,y)函数可以对画布进行缩放,其中两个参数xy分别设置水平和竖直方向的缩放比例。rotate(angle)函数用来对画布进行旋转,其中的参数为旋转的角度值。

1.8K10

Android UI】Canvas 画布 ⑦ ( Canvas 绘制显示区域 | Canvas 绘制矩形源码分析 )

文章目录 一、Canvas 绘制显示区域 二、Canvas 绘制矩形源码分析 Canvas 状态保存机制 , 存在两个栈结构 , 分别是 状态栈 图层栈 ; 其中 图层栈 又称为 Layer 栈...; Canvas 画布 , 有 2 套坐标系 , 分别是 : Canvas 自身坐标系 Canvas 绘图坐标系 一、Canvas 绘制显示区域 ---- Canvas 绘制时 , 并不是由 Canvas...进行绘制 , 具体 执行绘制的硬件是 GPU ; 绘制的位置依赖于 Canvas 的两个坐标系 , 自身坐标系 与 绘图坐标系 ; Canvas 绘制图像的 具体位置 是坐标系 的位置坐标 , 坐标分为以下两种..., 是无法改变的 ; 参考 【Android UI】Canvas 画布 ⑥ ( Canvas 绘图源码分析 | ViewRootImpl#draw 方法源码 | ViewRootImpl#drawSoftware...方法源码 ) 博客 ; Canvas 绘图坐标系 是 当前要绘制的图像 所在的 坐标系 , 该 绘图坐标系 表示具体绘制的元素要画到哪个位置 , 该 绘图坐标系 是通过对 Canvas 自身坐标系 进行若干次的

1.4K10

Android 使用Canvas在图片绘制文字的方法

AndroidAndroid Paint 字体、粗细等属性的一些设置 在Android SDK中使用Typeface类来定义字体,可以通过常用字体类型名称进行设置,设置默认黑体: Paint mp...Typeface.BOLD //粗体 * Typeface.BOLD_ITALIC //粗斜体 * Typeface.ITALIC //斜体 * Typeface.NORMAL //常规 但是有时上面那些设置在绘图过程是不起作用的.../建立一个空的Bitmap Bitmap icon = Bitmap.createBitmap(width, hight, Bitmap.Config.ARGB_8888); // 初始化画布绘制的图像到...icon Canvas canvas = new Canvas(icon); // 建立画笔 Paint photoPaint = new Paint(); // 获取更清晰的图像采样...使用Canvas在图片绘制文字的方法就是小编分享给大家的全部内容了,希望能给大家一个参考。

4.3K20

什么是 SurfaceView?

传统View及其派生类的更新只能在UI线程,然而UI线程还同时处理其他交互逻辑, 这就无法保证view更新的速度帧率了,SurfaceView可以用独立的线程来进行绘制,因此可以提供更高的帧率,例如游戏...每次实际显示的是frontCanvas,backCanvas存储的是一次更改前的视图,当使用lockCanvas()获取画布时,得到的实际是backCanvas不是正在显示的frontCanvas...() 不用画布,直接在窗口上进行绘图叫做无缓冲绘图。用了一个画布,将所有内容都先画到画布,在整体绘制到窗口上,就该叫做单缓冲绘图,那个画布就是一个缓冲区。...但是这也有缺点,因为这个Surface不在View hierachy,它的显示也不受View的属性控制,所以不能进行平移、缩放等动画,它也不能放在其它ViewGroup,SurfaceView不能嵌套使用...从Android7.0开始,SurfaceView的窗口位置与其他View渲染同步更新。 这意味着在屏幕平移缩放SurfaceView不会导致渲染失真。

1.1K11

Android绘图机制与处理技巧-更新

概述 这里我们主要来探讨下 Android屏幕的相关只是 Android绘图技巧 Android图像处理技巧 SurfaceView的使用 绘图技巧,医生讲的比较粗略,更多的细节参考了 Keegan小钢的博文...---- 独立像素密度dp Android使用mdpi即密度值为160的屏幕作为标准,在这个屏幕 1px = 1dp . 其他屏幕则可以通过比例进行换算。...类:画布 ---- Layer图层 概述 使用过PS的童鞋都一定会非常的清除,一张复杂的画可以由多个图层叠加起来,形成一个复杂的图像。...在Android使用saveLayer()方法来创建一个图层,图层同样是基于栈的结构进行管理的。 ?...入栈的时候后面所有的操作都将发生在这个图层, 出栈的时候,则会把图像绘制到上层Canvas

65140

66K star!这个开源白板不一般!

免费开源。 基于画布的无限白板。 ✍️ 手绘风格。 ️ 定制,图像支持。 本地化 (i18n) 支持。 ️ 导出到PNG,SVG剪贴板。...⚒️ 各种工具 - 矩形、圆形、菱形、箭头、线条、自由绘制、橡皮擦...... ➡️ 箭头绑定标记箭头,撤消/重做。 支持缩放和平移。...安装使用 node版本要>=18 // 安装 yarn // 运行 yarn start 也可以使用docker启动 在素材库还有大量的素材 手绘流程图效果 手绘图表效果 插件 excalidraw...还有一个VScode 插件,可以直接在vscode里作图 Excalidraw是一款开源软件,每个人都可以查看修改其源代码,开发人员能够更好地定制扩展Excalidraw的功能,满足特定需求

20710

JavaScript 编程精解 中文第三版 十九、项目:像素艺术编辑器

在本章,我们将实现一个。 我们的应用将是像素绘图程序,你可以通过操纵放大视图(正方形彩色网格),来逐像素修改图像。 你可以使用它来打开图像文件,用鼠标或其他指针设备在它们上面涂画并保存。...实际的绘图功能根据比例图片大小设置画布大小,并用一系列正方形填充它,每个像素一个。...这是一个工具,填充指针下的像素,颜色相同的所有相邻像素。 “相邻”是指水平或垂直直接相邻,不是对角线。...创建一个新状态并更新 DOM 的其余部分的开销并不是很大,但重新绘制画布的所有像素是相当大的工作量。...在开始这个练习之前,确保你有充足的时间耐心,并且不要因最初的失败感到气馁。 在大多数浏览器,当你选择绘图工具并快速在图片拖动时,你不会得到一条闭合直线。

3K10
领券