Canvas圆弧

使用phaser+matter开发合成大西瓜

避坑：1.问题：ios部分机型出现图片展示黑色矩形原因：type:Phaser.AUTO默认采用webgl渲染，不适配的时候采用canvas，但是这种在iosiphone8出现黑色矩形解决方案：使用type
瑞瑞w·2024-01-11 21:21

前端页面优化做的工作

Canvas可以用
瑞瑞w·2024-01-11 21:46

Unity组件开发--UI管理器

1.Canvas组件：注意属性：（1）渲染模式是：屏幕空间相机（2）创建一个UICamera节点，管理相机（3）屏幕画布缩放模式（4）画布下挂载两个脚本：UIRoot和UIManager（5）事件系统管理节点必须有
小春熙子·2024-01-11 18:46

day20

扇区：盘面由圆心向四周画直线，不同的磁道被直线分成许多扇形的区域，每个弧形的区域叫做扇区，每个扇区大小一般为512字节，扇区看起来就是圆弧或扇形。
赵庆_be43·2024-01-11 16:41

uniapp使用wxml-to-canvas开发小程序保存canvas图片

微信小程序官方解决方案：wxml-to-canvas使用wxml-to-canvas要知道一些前提条件1、只能画view，text，image2、每个元素必须要设置宽高3、默认是flex布局，可以通过flexDirection
QQ帝国·2024-01-11 13:40

编程笔记 html5&css&js 033 HTML SVG

三、SVG优势四、SVG与Canvas两者间的区别五、练习小结svg也是绘图，不过绘制的是矢量图。一、HTML5SVGSVG定义为可缩放矢量图形。HTML5支持内联SVG。
明月看潮生·2024-01-11 09:26

花点时间——我的2023

目前的方向2022年的下半年，那个时候我大二，偶然间喜欢上了web网页界面特效，没见过网页能做出这样绚丽的特效（应该是用canvas
放荡不羁的小雨鸽·2024-01-11 05:02

vue 项目前端导出pdf(纯前端操作)

1.安装两个插件：html2canvas和jspdfnpminstallhtml2canvasnpminstalljspdf2.创建一个公共文件tool.js如下importhtml2canvasfrom'html2canvas
一个没有灵魂的女程序媛·2024-01-11 03:07

Salesforce Flow详解

可以先看下FlowBuilder页面，它是由三部分组成的：Toolbox：列出了所有的元素及资源，并可以创建新的变量、工时或选项等用与Flow；Canvas：Flow的画布，可以通过托拉拽的方式搭建可视化流程
Frank_Salesforce·2024-01-11 02:21

html烟花代码--粉丝专属

100%;height:100%;overflow:hidden;background:#000;}CommandsInfoSharefunctioninitVars(){pi=Math.PI;ctx=canvas.getContext
大众筹码·2024-01-11 01:56

HTML绘制拓扑简图,用最简单的方式画拓扑图！！！

原因如下：维护成本高：类似的库(antv/g6,go.js)都是基于canvas实现,也都大同小异的定义了一套组件，有一定的
隅隅隅·2024-01-11 01:21

Android画布Canvas绘制手指MotionEvent.ACTION_MOVE 事件矩形方框，Kotlin

Android画布Canvas绘制手指MotionEvent.ACTION_MOVE事件矩形方框，Kotlinimportandroid.content.Contextimportandroid.graphics.Canvasimportandroid.graphics.Colorimportandroid.graphics.Paintimportandroid.graphics.Rectimpo
zhangphil·2024-01-11 00:44

Android Canvas图层saveLayer剪切clipPath原图addCircle绘制对应圆形区域，Kotlin（2）

AndroidCanvas图层saveLayer剪切clipPath原图addCircle绘制对应圆形区域，Kotlin（2）在AndroidCanvas图层saveLayer剪切clipRect原图对应
zhangphil·2024-01-11 00:44

Android Canvas图层saveLayer剪切clipPath原图addCircle绘制对应圆形区域并放大，Kotlin（3）

AndroidCanvas图层saveLayer剪切clipPath原图addCircle绘制对应圆形区域并放大，Kotlin（3）在文章2AndroidCanvas图层saveLayer剪切clipPath
zhangphil·2024-01-11 00:11

Cocos Creator导入使用raphael

CocosCreator绘图组件的api是参考的Canvas的绘图接口，而市面上已经有很多基于Canvas绘图接口实现的绘图库，比如paper.js,raphael.js。
Joker_Lee·2024-01-11 00:25

three.js实现信号波效果

asTHREEfrom"three";import{OrbitControls}from"three/addons/controls/OrbitControls.js";constcanvesRef=ref(null);constcanvasWid
是云呀！·2024-01-10 23:07

echarts自定义主题

这是官方文档初始化echarts时的参数：(dom:HTMLDivElement|HTMLCanvasElement,theme?:Object|string,opts?
菜鸟搬砖·2024-01-10 22:03

LVGL核心部件——弧（arc）控件的介绍

LVGL核心部件——弧（arc）控件一、部件和样式LV_PART_MAIN使用典型的背景样式属性绘制背景，使用圆弧样式属性绘制圆弧。圆弧的大小和位置将遵循padding样式属性。
华芯微特SYNWIT·2024-01-10 22:28

实战： 跨年烟花代码的实现（附源码）

二、代码结构1.介绍主html代码2.js文件介绍GameCanvas.jsscript.js运行效果前言本文章将介绍跨年烟花代码的实现以及源代码提示：以下是本篇文章正文内容一、pandas是什么？
Vec_Kun·2024-01-10 22:12

前端炫酷动画特效分享（附在线预览）

分享7款非常有趣的前端特效源码其中包含css动画特效、js原生特效、svg特效以及小游戏等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源canvas鼠标粒子跟随动画
迂 幵·2024-01-10 21:38

H5新增的属性、样式

-新增元素说明新增元素说明viode表示一段视频并提供播放的用户界面audio表示音频canvas表示位图区域source为video和audio提供数据源track为video和audio指定字母svg
qq_40137713·2024-01-10 21:08

炫酷科技感黑客感瀑布流html+js+css代码

效果如下代码如下炫酷科技感黑客感瀑布流html代码*{margin:0;padding:0;}body{background:black;}canvas{display:block;}varwaterfall
tangdou369098655·2024-01-10 19:48

View绘制画布的操作

一、canvas的几何变换对canvas进行平移、旋转、缩放、倾斜、裁减后，canvas将不会主动恢复原状，后续绘制的操作都会在这个改变的canvas上进行1.canvas的几何变换代码执行顺序是倒序的
石器时代小古董·2024-01-10 18:20

Unity WebView在网页中输入中文

1、打开脚本CanvasWebVie!
Puffwithaheart·2024-01-10 18:11

Unity WebView 中文输入支持

使用版本：Vuplex3DWebViewforWindowsv4.4；测试环境：unityeditor2020.3.40f1c1、Windows；1、打开脚本CanvasWebVie!
bosins·2024-01-10 17:35

用它写机器人激光切割编程很方便

激光切割是基于连续工艺状态下的运动控制，除了要求机器人具有较高的运动点的精度和重复定位精度外，还对机器人运动的轨迹即机器人的直线和圆弧轨迹插补的精度提出了很高的要求。
育路机器人·2024-01-10 15:49

使用canvas怎么实现文本内容自动换行

//ctx：画布的上下文环境//content：需要绘制的文本内容//drawX：绘制文本的x坐标//drawY：绘制文本的y坐标//lineHeight：文本之间的行高//lineMaxWidth：每行文本的最大宽度//lineNum：最多绘制的行数functiontextPrewrap(ctx,content,drawX,drawY,lineHeight,lineMaxWidth,lineNu
四岁爱上了她·2024-01-10 15:54

分享canvas绘制流星雨代码

感觉很酷炫，直接上图上码Documentconstcanvas=document.getElementById("canvas");canvas.width=screen.availWidth;canvas.height
攻克难点·2024-01-10 15:24

【H5】canvas画布像素的设置与获取：

【H5】canvas画布像素的设置与获取：getImageData()从Canvas画板上取得指定位置的像素数据putImageData()将所得到的像素数据描画到Canvas画板上createImageData
舜岳·2024-01-10 14:11

【H5】 svg画贝塞尔曲线方法

【H5】svg画贝塞尔曲线方法：d属性M(起始坐标),L(结束坐标),H(水平线),V(垂直线),A(圆弧),Z(闭合路劲)C,S,Q,T贝塞尔曲线大写为绝对坐标(具体的坐标位置)小写为相对坐标(相对起始坐标点的具体长度
舜岳·2024-01-10 14:11

K线解析之 |“驾驭圆弧底”

圆弧底形态是一种标准的币价，反转形态，多出现在价格底部区域，通常是主力吸货区域，在完成圆弧底形态后会有相当幅度的上涨空间。
杏仁sister·2024-01-10 13:10

Android 画一个闹钟

其中x,y是圆心protectedvoidonDraw(Canvas
新镜·2024-01-10 11:28

2022-10-31

有圆弧形的
90f570319f01·2024-01-10 11:04

实现僵尸跑酷游戏的 UGUI 实践

UI设置以及所获得的金币UI设置等.通过此次实践可以了解到以下内容,对UGUI有一个深入的认识:Sprite资源导入及切割制作主界面欢迎文字制作主界面开始|退出按钮制作人物HUD和金币HUD和时间HUDCanvasGroup
weixin_30901729·2024-01-10 11:23

【uniapp-小程序-分享图5/4】

utils.js//裁剪分享的图片为5:4constmakeCanvas=(imgUrl)=>{console.log("imgUrl",imgUrl);returnnewPromise((resolve
聚宝盆_·2024-01-10 09:42

编程笔记 html5&css&js 032 HTML Canvas

编程笔记html5&css&js032HTMLCanvas一、什么是HTMLCanvas？
明月看潮生·2024-01-10 09:05

微信小程序canvas画布自由绘制/画笔功能实现

.wxml.wxss定义画布显示样式.canvas{background-color:white;height:65vh;width:100%;margin-top:5px;margin-bottom:
句号（在IT行业摸爬滚打）·2024-01-10 08:18

微信小程序canvas画布实现矩形元素自由缩放、移动功能

获取画布信息并绘制背景.whml.wxss.canvas{background-color:white;height:65vh;width:100%;margin-top:5px;margin-bottom
句号（在IT行业摸爬滚打）·2024-01-10 08:18

微信小程序Canvas画布绘制图片、文字、矩形、（椭）圆、直线

获取CanvasRenderingContext2D对象.jsonReady(){constquery=wx.createSelectorQuery()query.select('#myCanvas')
句号（在IT行业摸爬滚打）·2024-01-10 08:09

Vue<解决html2canvas截图不全的问题>

原因：我所知道的原因有两点，第一点：在点击保存图片时，此时要保存的资源较多，造成模块并没有完全加载完毕，就已经生成了截图；解决方案：(加上一个延时操作)//利用html2canvas下载canvassetTimeout
誰在花里胡哨·2024-01-10 08:41

three.js实现扩散光圈效果

asTHREEfrom"three";import{OrbitControls}from"three/addons/controls/OrbitControls.js";constcanvesRef=ref(null);constcanvasWidt
是云呀！·2024-01-10 06:44

WebGL兼容性检查

引入文件WebGL.jsclassWebGL{staticisWebGLAvailable(){try{constcanvas=document.createElement('canvas');return
土生土长的IU·2024-01-10 04:26

vue2使用html2canvas进行截图

跟上篇博客一样,下面代码直接放到vue2的任意页面截图就好,代码如下//我这里安装的html2canvas版本信息如下(自行下载插件)"html2canvas":"^1.0.0-rc.4",页面的代码如下
萧寂173·2024-01-09 20:15

Vue 前端等比例图片压缩

前端压缩图片的方式是利用canvas进行压缩代码如下maximg='xxx'最长边的值getBase64(url,callback){let_that=thisvarImg=newImage(),dataURL
小全upup·2024-01-09 20:58

2022-10-23

线条：长线条居多，表明作画者比较自信，比较有把控力，有很多圆弧状的线条，表明作画者性格柔和，不拘泥于条条框框，比
90f570319f01·2024-01-09 16:22

小程序中使用echarts，案例一：实现蜘蛛网（雷达图）

下载echarts-for-weixinec-canvas如果你想使用最新版本的echarts可以将ec-canvas目录下的echarts.js替换为最新版的ECharts。
心情无变化·2024-01-09 15:42

OpenHarmony Sheet 表格渲染引擎

基于Canvas实现的高性能Excel表格引擎组件[OpenHarmonySheet]。由于大部分前端项目渲染层是使用框架根据排版模型树结构逐层渲染的，整棵渲染树也是与排版模型树一一对应。
爱桥代码的程序媛·2024-01-09 13:35

前端生成pdf之html2canvas+jsPDF，以及解决图片不显示bug

html2canvas以及jsPDFhtml2canvas给dom结构转化为canvas，然后生成各种类型图片jsPDF把canvas生成的图片url转化为pdf//插入图片pdf.addImage(image
Queen_live·2024-01-09 13:02

canvas绘制使用requestAnimationFrame导致栈溢出（vue2版本）

vue2正确打开方式requestAnimationFrame(this.drawLine.bind(this));//一定要bindthis不创建新对象drawLine(){this.ctx.clearRect(0,0,500,300);console.log('绘制线条')//设置线条样式this.ctx.strokeStyle='#000000';this.ctx.lineWidth=5;t
大力水手~·2024-01-09 11:51

vue截取视频第一帧作为封面（缩略图）

1.canvas展示exportdefault{data(){return{imageName:null,}},mounted(){this.handleVideo()},methods:{handleVideo
小叮当仁不让·2024-01-09 10:06
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他