小程序分享到朋友圈只能使用小程序码海报来实现，生成小程序码的方式有两种，一种是使用后端方式，一种是使用小程序自带的canvas生成；后端的方式开发难度大，由于生成图片耗用内存比较大对服务端也是不小的压力；所以使用小程序的canvas是一个不错的选择，但由于canvas水比较深，坑比较多，还有不同海报需要重现写渲染流程，导致代码冗余难以维护，加上不同设备版本的情况不一样，因此小程序海报生成组件的需求十分迫切。
Fabric.js 默认**没提供 鼠标右键事件**，只有 鼠标按键点击 、鼠标按键抬起 、鼠标移动 等事件。 但在工作中有可能需要用到 “右键” 事件，比如 “右键菜单” 。所以就有了本文。 本文主要关注 Fabric.js 的主要 api 有：
如有需要请自取:GitHub微信小程序保存图片分享的 canvas 简易自用工具类
progress进度条组件是一个很完备的组件了，不需要修改，就可以大部分场景需求。有两点需要注意：
今天来看一种十分常见的交互：提示框（tooltips）。通常提示框都是纯色的，比如下面这个
在上一篇文章我们介绍了 Zdog 如何使用，接下来这篇文章我将带领各位利用 Zdog 画出一个 GitHub 章鱼猫（和官方的还是有些差别的）。
因为偶尔关注QQ运动， 看到QQ运动的积分抽奖界面比较有意思，所以就尝试用自定义View实现了下，原本想通过开发者选项查看下界面的一些信息，后来发现积分抽奖界面是在WebView中展示的，应该是在H5页面中用js代码实现的，暂时不去管它了。
当今的Web开发中，图形和动画已经成为了吸引用户注意力的重要手段之一。而 Pixi.js 作为一款高效、易用的2D渲染引擎，已经成为了许多开发者的首选（我吹的）。本文将为工友们介绍PixiJS的基础知识和使用方法，希望可以和工友们**快速光速入门**，掌握 Pixi.js 的用法。
大家好,我是前端实验室的小师妹！一名资深的互联网玩家，专注分享大前端领域技术、面试宝典、学习资料等~
canvas其实没有那么玄乎，它不外乎是一个H5的标签，跟其它HTML标签如出一辙： canvas 元素用于在网页上绘制图形。 那么什么是 Canvas？ HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 canvas本身没有任何的绘图能力，所有的绘图工作都是通过js来实现的。通常我们在js通过getElementById来获取要操作的canvas（这意味着咱得
原文链接：https://wetest.qq.com/lab/view/441.html
企鹅电竞从17年6月接入weex，到现在已经有一年半的时间，这段时间里面，针对遇到的问题，企鹅电竞终端主要做了下面的优化：
作 者 龙泉，腾讯企鹅电竞工程师 商业转载请联系腾讯WeTest获得授权，非商业转载请注明出处。 WeTest 导读 企鹅电竞从17年6月接入weex，到现在已经有一年半的时间，这段时间里面，针对遇到的问题，企鹅电竞终端主要做了下面的优化： image组件 预加载 预渲染 Image组件 weex的list组件和image组件非常容易出问题，企鹅电竞本身又存在很多无限列表的weex页面，list和image的组合爆发的内存问题，导致接入weex后app的内存问题导致的crash一直居高不下。 list
SVG是构建XML树的方式来达到绘制图形的，canvas是通过调用相关的方法来绘制图形的。
在 Android 的一些界面中，有时候我们需要为一副图片生成大小为 n * n 的缩略图，有时候需要的缩略图特殊一些，比如：
版权声明：本文为博主原创文章，转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/48165143
内容简介 文章介绍ImageView（方法也可以应用到其它View）圆角矩形（包括圆形）的一种实现方式，四个角可以分别指定为圆角。思路是利用“Xfermode + Path”来进行Bitmap的裁剪。
我要画出一块由不规则path组成的区域，并且这个path因为视觉效果需要设置圆角，我就通过Paint.setPathEffect(new CornerPathEffect(300)); 给设置了圆角，但是在通过这个path组合成区域的时候因为这个圆角的设置整个区域都有圆角的效果了，这不是我想要的。
HTML5 <canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.
下面为主要源码，实现了 Picasso 中的 Transformation 接口。
房间应每日开窗通风，上下午各1次，每次通风时间30分钟以上，可选择阳光充足的时间段进行，保持空气清新。
Android Picasso实现圆形图片和圆角图片 1.实现圆形图片 1.1代码调用如下 Picasso.with(mContext).load(headpic).memoryPolicy(MemoryPolicy.NO_CACHE) .transform(new CircleTransform(mContext)).into(ivIcon); 1.2自定义圆形图片处理工具类(可以修改圆形图片的半径) import android.content.Co
应该可以看得懂，这里每个图片显示的效果是最终的效果，然后很明显，我们这里需要的是SrcIn效果，我们要把左图的效果嵌套到右图里面去。
本文将介绍几种浏览器端和服务器端 web 实时生成图片的方案，欲知详情请看文章详情。
Canvas 的默认宽高为 300*150 px，这里是物理像素宽高。如果我们想设置画布宽高需要使用：
本文实例讲述了Android开发之圆角矩形创建工具RoundRect类。分享给大家供大家参考，具体如下：
小程序是一种不用下载就能使用的应用，也是一项门槛非常高的创新，经过将近两年的发展，已经构造了新的小程序开发环境和开发者生态。小程序越来越火爆，基于微信的各类小程序优秀项目真实层出不穷，小程序商城更是成为了企业商家的标配，
打开MainActivity，在文件中创建名为MyView的内部类，继承android.view.View类，并添加构造方法和重写onDraw(Canvas canvas)方法,在里面进行作图：
android中的ImageView只能显示矩形的图片，这样一来不能满足我们其他的需求，比如要显示圆角矩形的图片，这个时候，我们就需要自定义ImageView了，其原理就是首先获取到图片的Bitmap，然后进行裁剪对应的圆角矩形的bitmap，然后在onDraw（）进行绘制圆角矩形图片输出。
本来想在网上找个圆角的例子看一看，不尽人意啊，基本都是官方的Demo的那张原理图，稍后会贴出。于是自己自定义了个View，实现图片的圆角以及圆形效果。效果图： 第一个是原图，第二个是圆形效果，第三第四
下图代码详见: p03_canvas/06_like_circle/paper.dart#_drawArcDetail
和尚在学习时想要用到气泡效果，为了更加灵活，和尚封装了一个简单的气泡插件，方便日常的使用；
需求 1.数字为1位,显示圆形 2.数字为2位图形拉伸，左右各半圆 3.数字大于999，显示999+ 4.自定义文字颜色，自定义背景色 效果(好吧，看起来挺low的) 本身并不复杂，不过
睁开您的眼睛，看看你的周围，它是一个多么美妙的3D世界啊。3D世界由什么组成，除了上帝，还有谁能够回答呢？
零、前言 1.感觉切拼字符串是个很有意思的事，好的拼接方式可以自动生成一些很实用的东西 2.本文自定义控件并不是很高大上的东西，目的在于计录自定义控件的书写规范与行文流程 3.建议大家自定义控件
最近跟小伙伴一起讨论了一下，决定一起仿一个BiliBili的app（包括android端和iOS端），我们并没有打算把这个项目完全做完，毕竟我们的重点是掌握一些新框架的使用，并在实战过程中发现并弥补自身的不足。
简述 最近跟小伙伴一起讨论了一下，决定一起仿一个BiliBili的app（包括android端和iOS端），我们并没有打算把这个项目完全做完，毕竟我们的重点是掌握一些新框架的使用，并在实战过程中发现并弥补自身的不足。 本系列将记录我（android端）在开发过程中的一些我觉得有必要记录的功能实现而已，并不是完整的从0到1的完整教程，若个别看官大爷觉得不好请出门左拐谢谢。 以下是该项目将会完成的功能。 视频播放功能 直播功能 弹幕功能 换肤功能 ... 本系列文章，将会有记录以上功能的实现但不仅仅只有这些，还
自定义MinionView extends View，定义以下成员变量，备用（可以先不看，后面的代码看到莫名其妙出来的变量再上来看下）
在 Android 5.0 以后，随着 Material Design 的提出，Android UI 设计语言可谓是提升了一大步，但是在国内其实并没有得到很大的推广应用。
本文实例为大家分享了自定义Drawable实现圆形和圆角的具体代码，供大家参考，具体内容如下
项目需要写一个圆形进度条，就尝试使用 canvas 写了一个，具体如下：上图是项目图片仅供参考，本文只介绍圆环及动效的实现。
Android 使用Glide实现圆形和圆角图片 1.实现圆形图片 1.1自定义圆形处理工具类 import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapShader; import android.graphics.Canvas; import android.graphics.Paint; import com.bumptech.glide.load.engine.bitm
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details/79658621
最近有一个实现一个带有圆角的ImageView的需求，在网上找了找三方，虽然Demo都是正确的，但是移植过来就不可以了，因为请求链接的时候用的是xUtils中Bitmap来进行解析的，这样就总是会报类型转换异常的错误。
首先在view中定义个属性：private RectF rectf = new RectF();//可以理解为，装载控件按钮的区域
Android中经常会遇到对图片进行二次处理，例如加圆角，或者显示圆形图片 实现的效果图： 方法一： 通过第三方框架Glide实现图片显示有圆角，有三种写法如下： 1.1、第一种实现： Request
今天宏哥分享的在实际测试工作中很少遇到，比较生僻，如果突然遇到我们可能会脑大、懵逼，一时之间不知道怎么办？所以宏哥这里提供一种思路供大家学习和参考。
画图首先是onDraw方法（我会把圆代码写上，一步一步剖析）： 首先在view中定义个属性：private RectF rectf = new RectF();//可以理解为，装载控件按钮的区域
前言：开发过程中很容易忘记一些API的使用方法，网上搜索或者在源码里找也很难短时间内筛选出自己需要的，遂自己将这些知识总结一番
虽然 fabric.js 提供了非常简单的方法创建自定义子类，但如果需要创建复杂的图形，还是需要有一定 canvas 基础的。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
