Tag: pic

C++QT SeriesHand-rubbing software – cut picture monster

Since I also like war3 game development, I need to “borrow” other people’s art icons in many cases, and the downloaded integrated icons need to be cut out in grid format, so I searched online if there is such a software for custom grid cutting pictures. But it is a pity that the software on […]

Python practical application explanation-[numpy special topic] numpy application case (1) (with python sample code)

Directory Analyzing the sale price of a used car with Python Pencil sketches for building GUI applications in Python package needed Implementation steps full code Using Python to analyze the sales price of used cars Today, with advancements in technology, techniques like machine learning are being applied at scale in many organizations. These models usually […]

Vue makes click to switch picture effect

Thoughts Create an array, put pictures in the array, use props (parent component to pass value to child component), v-for (loop), v-bind (binding attribute) to pass the picture into the div defined by HTML. Ⅰ. Import the vue file in the head (the import premise is that the vue file has been introduced into js) […]

[picker-view] uni implements a selector with a search box (too lazy to flip through the code, it’s a good cv to write here)

Adjust the style according to your needs Component part: <template> <view class=””> <!– query start–> <view class=”date-background” v-show=”flag”> <view class=’date-gray-background’ @click=”hiddeDatePicker”></view> <view class=’date-container’> <view class=”transparent”> <view class=’date-confirm’> <view @click=”hiddeDatePicker” class=”pickerCancel”>Cancel</view> <u–input cursorSpacing=’500′ v-model=”searchValue” placeholder=”Please enter the student number or name to search” border=”surround” @change=’searchChange’></u–input> <view @click=”confirm1″ class=”pickerConfirm”>OK</view> </view> <picker-view indicator-class=”indicator” :value=”setValues” @change=”bindChange” indicator-style=”height: 70rpx;” mask-style=”height: […]

js realizes gif picture to dynamic character painting

<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″ /> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″/> <meta http-equiv=”X-UA-Compatible” content=”ie=edge” /> <script type=”text/javascript” src=”./libgif.js”></script> <script> // let img = new Image();// store image information let canvas;// canvas instance let ctx;// brush let logo;// generated character painting let flag = 0;// load complete flag const IMAGE_SIZE = 200;// generate image size […]

uniapp uploads pictures and uses compressorjs to process picture compression and automatically calculate the compression ratio

background: (1) There is a problem that the uniapp image upload is too large and takes a long time to upload. The image needs to be compressed and uploaded. (2) The image compression ratio varies with the size. This article uses uniapp’s uni-file-picker to upload pictures, and uview’s picture upload can also be used for […]

JS uses docxtemplater to export word (with pictures)

One, docxtemplater docxtemplater is a mail merge tool that is used programmatically and handles conditions, loops, and can be extended to insert anything (tables, html, images). npm is the easiest way to install docxtemplater ? npm install docxtemplater pizzip –save ? // install docxtemplater npm install docxtemplater pizzip –save // install jszip-utils npm install jszip-utils […]

Canvas replaces the background color of the picture

html <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″ /> <meta http-equiv=”X-UA-Compatible” content=”IE=edge” /> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″ /> <link href=”https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.13/theme-chalk/index.css” rel=”stylesheet” /> <link rel=”stylesheet” href=”./css/index.css” /> <title>Document</title> </head> <body> <div class=”header”> <input type=”file” placeholder=”select file” id=”imageUpload” accept=”image/*” /> </div> <div class=”main”> <div class=”main-left main-width”> <canvas id=”canvas”></canvas> </div> <div class=”main-mid”> <input type=”color” id=”picker” /> <button id=”generate” […]