This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<body> | |
<canvas width="800" height="500" style="background-color:black"> </canvas> | |
<script> | |
"use strict" | |
const delay = 10 | |
const canvas = document.querySelector("canvas") | |
const ctx = canvas.getContext("2d") | |
const {width, height} = canvas | |
ctx.fillStyle = "black" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<body> | |
<canvas width="800" height="500" style="background-color:black"> </canvas> | |
<script> | |
"use strict" | |
const canvas = document.querySelector("canvas") | |
const ctx = canvas.getContext("2d") | |
const {width, height} = canvas | |
ctx.fillStyle = "black" | |
ctx.fillRect(0, 0, width, height) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#! /bin/bash | |
set -euo pipefail | |
# ImageMagick7 を使う時は convert を magick に書き換えた方が良いです。 | |
IM_CONVERT=convert | |
if [ $# -ne 7 ];then | |
echo "Usage: im_checkboard.sh <width> <height> <unitx> <unity> <color1> <color2> <outputfile>" | |
echo "ex) im_checkboard.sh 100 100 50 70 red green output.png | |
exit 1 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<body> | |
<div> | |
This is iframe | |
</div> | |
<script> | |
const origin = location.origin; | |
window.onload = () => { | |
window.addEventListener("message", (resp) => { | |
console.log("iframe", resp) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import wx | |
class Frame(wx.Frame): | |
def __init__(self): | |
wx.Frame.__init__(self, None, wx.ID_ANY, size=wx.Size(300, 200)) | |
panel = wx.Panel(self, wx.ID_ANY) | |
self.text = "ABC..." | |
textCtrl = wx.TextCtrl(panel, wx.ID_ANY, self.text, | |
size=wx.Size(90, -1), style=wx.TE_PROCESS_ENTER) | |
for evt in [wx.EVT_KILL_FOCUS, wx.EVT_TEXT_ENTER]: |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#! /bin/sh | |
magick -size 64x64 xc:"srgb( 30, 5, 3)" sepia-01.png | |
magick -size 64x64 xc:"srgb( 55, 23, 13)" sepia-02.png | |
magick -size 64x64 xc:"srgb( 80, 41, 23)" sepia-03.png | |
magick -size 64x64 xc:"srgb(102, 60, 37)" sepia-04.png | |
magick -size 64x64 xc:"srgb(122, 82, 58)" sepia-05.png | |
magick -size 64x64 xc:"srgb(142,107, 84)" sepia-06.png | |
magick -size 64x64 xc:"srgb(162,135,114)" sepia-07.png | |
magick -size 64x64 xc:"srgb(181,158,137)" sepia-08.png |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<body> | |
<canvas id="canvasId"> </canvas> | |
<script type="module"> | |
import { ImageMagick, initializeImageMagick } from './node_modules/@imagemagick/magick-wasm/dist/index.mjs'; | |
const canvas = document.getElementById('canvasId') | |
initializeImageMagick().then(() => { | |
ImageMagick.read("logo:", (image) => image.writeToCanvas(canvas)); | |
ImageMagick.readFromCanvas(canvas, (image) => { | |
const degrees = 90 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
convert -size 1024x1024 -background transparent xc: -compose darken \ | |
\( xc: -draw "fill Cyan rectangle 100,100,600,650" \) -composite \ | |
\( xc: -draw "fill Magenta rectangle 200,400,750,900" \) -composite \ | |
\( xc: -draw "fill Yellow rectangle 350,250,1000,650" \) -composite \ | |
-font KaiseiDecol-Regular.ttf +gravity -pointsize 256 -fill black -stroke black -strokewidth 18 \ | |
-draw "rotate 15 text 190,270 C" \ | |
-draw "rotate 0 text 350,870 M" \ | |
-draw "rotate -10 text 700,650 Y" \ | |
-draw "rotate 0 fill white stroke white text 390,620 K" \ | |
CMYK.png ; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
convert -size 1024x1024 -background transparent xc: -compose lighten \ | |
\( xc: -draw "fill red circle 512,350,512,650" \) -composite \ | |
\( xc: -draw "fill green2 circle 324,650,324,950" \) -composite \ | |
\( xc: -draw "fill blue1 circle 676,650,676,950" \) -composite \ | |
-font KaiseiDecol-Regular.ttf +gravity -pointsize 256 -fill black -stroke black -strokewidth 18 \ | |
-draw "text 420,320 R" \ | |
-draw "rotate -10 text -20,850 G" \ | |
-draw "fill white stroke white rotate 25 text 940,410 B" \ | |
RGB.png ; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<head> | |
<meta charset="utf-8"> | |
<meta name="copyright" content="Copyright © 2022/06/06- yoya@awm.jp . All Rights Reserved."> | |
<style> | |
.drop_area { min-width:300px; min-height:300px; border:thick solid red; } | |
.drop_area:hover { background-color:#FF000040; } | |
</style> | |
</head> | |
<body> | |
<div v-scope="App()" @vue:mounted="mounted"> |
NewerOlder