Resizable Canvas

Bigger Canvas

bigger = better

当前为 2020-07-29 提交的版本，查看最新版本。

换行

// ==UserScript==
// @name        Bigger Canvas
// @namespace   Violentmonkey Scripts
// @match       https://sketchful.io/
// @grant       none
// @version     1.1
// @author      Bell
// @description bigger = better
// jshint esversion: 6
// ==/UserScript==

// Change these values until it looks good
const topMargin = "0.6vh";
const maxWidth = `180vh`;

$('[id^="money"]').remove();
document.querySelector('.gameHeader').style.display = "none";

const canvas = document.querySelector("#gameCanvas");
const gameParent = document.querySelector(".gameParent");

const canvasObserver = new MutationObserver(() => {
  	if (canvas.style.display !== "none") {
      gameParent.style.maxWidth = maxWidth; 
      gameParent.style.marginTop = topMargin;
    }
    else gameParent.style.maxWidth = "";
});

canvasObserver.observe(document.querySelector(".game"), { attributes: true });
canvasObserver.observe(canvas, { attributes: true });