用JavaScript处理图像可能非常困难且繁琐。幸运的是，有许多库可以使事情变得简单得多。以下就是我最喜欢的一些图片处理库。

如果发现有用的东西，请尝试将其包装为所选框架的组成部分。这样，你将拥有一个具有声明式API的可重用组件，随时可以使用。

1、Pica

此插件可帮助你减小大图像的上传文件大小，从而节省上传时间。使你可以在浏览器中调整图像大小，而不会出现像素化并且相当快。它会从网络工作者，网络程序集，createImageBitmap和纯JS中自动选择最佳的可用技术。

三角战略游戏是一款经典的策略战棋RPG游戏。玩家进入游戏后，可以去扮演主角雷诺亚，你的父亲西蒙是沃尔霍特家族的主人，而你身为家族的继承人，在你接管后也被卷入了在做一场资源战争其中，在这里玩家们将体验到贵族王宫的野心和各种为了资源而发起的战争，而玩家将作为沃尔霍特家族的主人，你的每一个决定和行动都将影响游戏剧情的发展，剧情的分歧十分合理，且每个剧情分歧都充满了期待。

除此之外：三角战略游戏为玩家们提供了多种职业，其中包含了：盗贼，法师，疗术师，战士，学者等多种职业以及丰富的剧情故事和支线任务，玩家可以任由选择，每种职业都拥有着非凡的背景，游戏开始前玩家将观看一段剧情铺垫，随之而来的就是第一个第一关卡，这里法师不能走太前，不然会被两三个小兵集火也是会死的，打完第一个关卡之后将会出现主线任务以及多个支线任务，这里玩家可自由选择任务进行完成。

作者：前端藏经阁

转发链接：https://www.yuque.com/xwifrr/uxqg5v/ggxx2b

WebGL

简介：WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0（OpenGL for Embedded Systems，OpenGL嵌入式版本，针对手机、游戏机等设备相对较轻量级的版本）结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。

WebGL（Web Graphics Library）是一个 JavaScript API，可以在浏览器中使用 GPU 加速来渲染交互式的 3D 和 2D 图形。WebGL 是基于 OpenGL ES 2.0 构建的，允许网页开发者直接在浏览器中执行复杂的图形渲染，而不需要使用插件。

### WebGL 的基本工作原理

1. **上下文创建**: 在 HTML 中，首先需要创建一个 `<canvas>` 元素，然后获取其 WebGL 上下文。

星三角降压启动电路是常见的电气控制电路，较大功率的电机常采用这种启动方式，对于星三角降压启动的电气控制原理大家都非常熟悉，对星三角降压启动过程中电压、电流是如何变换的，启动电压、启动电流、运行电压、运行电流之间有怎样的关系，我带你一起了解。

电机控制柜

这是电气控制柜，可控制三台大功率电机星三角启动运行，只画出其中的一路主回路图。

主回路图

用一台75KW额定电流137A三相异步电动机举例说明，为了便于理解，将各运行方式下的电压电流进行定义。电机的额定电压就是正常三角形运行的线电压（380V）,用U线?表示，额定电流就是指电机正常三角形运行时的线电流，用I线?表示，三角形运行时通过绕组的相电流用I相?表示，在启动的过程中；星型运行时的线电流用I线Y表示，相电流用I相Y表示，线电压用U线Y表示，相电压用U相Y。

---- 引言----

每次使用OpenGL或DirectX写三维程序的时候, 都有一种隔靴搔痒的感觉, 对于内部的三维算法的实现不甚了解. 其实想想, Win32中既然存在画线画点函数, 利用计算机图形学的知识, 我们用可以用纯C调用Win32实现三维绘图, 完全不用借助OpenGL和DirectX, 这有重复造轮子的嫌疑, 但是自己动手实现一遍, 毕竟也是有意义的.

[效果演示]

线框效果, 隐藏面采用虚线

今天给大家分享一个不错的Vue构建Canvas画板Vue-SketchPad。

vue-sketchpad 基于 vue.js+fabric.js 构建的web画板。支持画箭头、虚线、圆形、文字、删除、撤销重做及清除画板等功能。

前言

hello, 大家好, 我是徐小夕, 今天又到了我们的博学时间。

SVG 动画有很多种实现方法，也有很大SVG动画库，现在我们就来介绍 svg动画实现方法都有哪些？

一、SVG 的 animation

SVG animation 有五大元素，他们控制着各种不同类型的动画，分别为：

• set
• animate